/* Doris Mare brand palette: warm limestone, champagne and deep maritime blue. */
body.doris-mare-demo-page{--ink:#17191c;--deep:#101e2b;--sea:#24394a;--foam:#f5f3ee;--sand:#c7b08c;--gold:#a48960;--muted:#77766f;--paper:#fff;--line:rgba(23,25,28,.13)}
html{scroll-behavior:smooth}body.doris-mare-demo-page{background:var(--foam);color:var(--ink)}
.topbar{background:rgba(245,243,238,.96);color:var(--ink)}.topbar a,.nav a,.nav-group-trigger{color:var(--ink)}.nav a:hover,.nav-group-trigger:hover{color:var(--gold)}
.nav-dropdown,.nav-group.open .nav-dropdown{background:var(--deep);color:#fff}.nav-dropdown a{color:#fff}
.hero:after,.hero:before{background:linear-gradient(90deg,rgba(8,20,31,.69),rgba(8,20,31,.16))}.hero-content h1,.hero-content p,.hero-content .eyebrow{color:#fff}
.button,.nav-cta{background:var(--sand)!important;color:#101820!important;border-color:var(--sand)!important}.button:hover,.nav-cta:hover{background:var(--gold)!important;color:#fff!important}
.content,.story-values,.reference-section,.journal-content,.project-gallery{background:var(--foam)}.story-values-head h2,.story-value h3,.people-heading h2,.project-gallery h2{color:var(--deep)}.story-value,.person-card,.tile,.reference-logo,.contact-form{background:#fff;border-color:var(--line)}
.story-value-index,.kicker,.eyebrow{color:var(--gold)}.story-timeline{background:var(--deep);color:#fff}.story-team,.people-section,.site-footer,.footer{background:var(--deep)!important;color:#fff}.story-team h2,.people-section h2,.footer a,.site-footer a{color:#fff}.story-person:after,.person-card:after{background:linear-gradient(0deg,rgba(8,20,31,.86),transparent 65%)}
.cta{background:var(--deep);color:#fff}.cta h2,.cta p{color:#fff}.footer small,.site-footer small{color:rgba(255,255,255,.64)}
body.doris-mare-demo-page a{accent-color:var(--gold)}body.doris-mare-demo-page a:hover{color:var(--gold)}
.loader img{display:block;width:min(240px,62vw);height:auto;max-height:100px;object-fit:contain;filter:brightness(0) invert(1);margin:0 auto 18px}.loader i{color:var(--sand)}
.contact-form{padding:clamp(24px,4vw,46px);border:1px solid var(--line);border-radius:4px;box-shadow:0 18px 55px rgba(16,30,43,.07)}.contact-form h2{margin:0 0 8px;color:var(--deep)}.form-intro{margin:0 0 24px;color:var(--muted);line-height:1.65}.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-form label{display:grid;gap:8px;color:var(--deep);font-size:13px;font-weight:650}.contact-form input,.contact-form textarea,.contact-form select,#contactForm input,#contactForm textarea,#contactForm select{width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;border:1px solid rgba(16,30,43,.2);border-radius:2px;background:#fff;color:var(--ink);font:inherit;font-size:15px}.contact-form textarea,#contactForm textarea{resize:vertical;min-height:130px}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus,#contactForm input:focus,#contactForm textarea:focus,#contactForm select:focus{outline:2px solid var(--sand);outline-offset:1px;border-color:var(--gold)}.contact-form .form-message{grid-column:1/-1}.contact-form button{margin-top:22px;min-height:48px;padding:0 24px;cursor:pointer}
#contactForm label{color:var(--deep)}
@media(max-width:650px){.contact-form-grid{grid-template-columns:1fr}.contact-form .form-message{grid-column:auto}.contact-form{padding:23px}}
/* Clear, high contrast navigation after the transparent hero header becomes fixed over content. */
.topbar.scrolled,.topbar.scrolled .nav a,.topbar.scrolled .nav-group-trigger,.topbar.scrolled .menu-btn{color:#fff!important}
.topbar.scrolled .nav a:hover,.topbar.scrolled .nav-group-trigger:hover{color:#d4bd99!important}
/* Make the footer read as a separate, deeper section. */
.site-footer,.footer{background:#07131f!important}
.site-footer-col h2{color:#d4bd99}.site-footer-bottom{border-color:#ffffff27}
/* Opening brand lockup. */
.loader img{width:min(300px,72vw);max-height:122px;margin-bottom:15px}
.loader span{display:block;text-align:center;color:#fff;font:600 clamp(26px,4vw,38px)/1.1 var(--sans);letter-spacing:.18em;animation:loadText 1s ease both}
.loader i{font-size:12px!important;letter-spacing:.34em!important;margin-top:13px}
/* References over a quiet marine photograph. */
.reference-section{background:linear-gradient(115deg,rgba(8,20,31,.87),rgba(8,20,31,.63)),url('https://dorismare.com.tr/wp-content/uploads/2021/08/sida-area-back.jpg') center/cover fixed!important}
.reference-section .people-heading h2,.reference-section .people-heading p{color:#fff}
.reference-section .kicker{color:#dfcba9}
.reference-logo{background:rgba(255,255,255,.94);min-height:130px;transition:transform .3s,box-shadow .3s}
.reference-logo:hover{transform:translateY(-5px);box-shadow:0 18px 34px #06132155}
/* Story image feature strip. */
.story-gallery{padding:94px 8vw 106px;background:#eeeae1;color:var(--deep)}
.story-gallery-copy{max-width:1180px;margin:0 auto 35px}
.story-gallery-copy h2{font:500 clamp(38px,5vw,64px)/1.08 var(--serif);margin:17px 0;color:var(--deep)}
.story-gallery-copy h2 em{color:var(--gold);font-style:italic}
.story-gallery-copy p{max-width:570px;color:#66665f;line-height:1.8}
.story-gallery-images{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;align-items:stretch}
.story-image{margin:0;position:relative;min-height:270px;overflow:hidden;background:var(--deep)}
.story-image-wide{grid-row:span 1}
.story-image img{width:100%;height:100%;min-height:270px;display:block;object-fit:cover;transition:transform .7s}
.story-image:hover img{transform:scale(1.045)}
.story-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(6,19,31,.8))}
.story-image figcaption{position:absolute;z-index:1;bottom:17px;left:19px;color:#fff;font-size:12px;letter-spacing:.08em}
/* Complete, image-led yacht catalogue. */
.fleet-section{padding-top:100px;padding-bottom:115px}
.fleet-heading{max-width:730px;margin:0 auto 48px;text-align:center}
.fleet-heading h2{font:500 clamp(40px,5vw,66px)/1.02 var(--serif);color:var(--deep);margin:18px 0}
.fleet-heading h2 em{color:var(--gold)}
.fleet-heading p{max-width:630px;margin:0 auto;color:#686960;line-height:1.85}
.fleet-grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.fleet-card{background:#fff;box-shadow:0 15px 45px rgba(16,30,43,.08);transition:transform .35s,box-shadow .35s;overflow:hidden}
.fleet-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px rgba(16,30,43,.15)}
.fleet-photo{position:relative;height:245px;overflow:hidden;background:#d9d5ca}
.fleet-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s}
.fleet-card:hover .fleet-photo img{transform:scale(1.055)}
.fleet-number{position:absolute;top:15px;left:16px;padding:8px 10px;background:rgba(8,20,31,.78);color:#fff;font:italic 15px var(--serif)}
.fleet-card-copy{padding:23px 24px 22px}
.fleet-location{font-size:11px;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}
.fleet-card h3{margin:8px 0 10px;font:500 27px var(--serif);color:var(--deep)}
.fleet-card-copy>p{min-height:76px;margin:0;color:#72716b;font-size:14px;line-height:1.7}
.fleet-facts{display:flex;gap:34px;border-top:1px solid #102b3116;border-bottom:1px solid #102b3116;padding:13px 0;margin-top:18px;color:var(--deep);font-weight:650;font-size:14px}
.fleet-facts span{display:grid;gap:3px}.fleet-facts small{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#89867e;font-weight:500}
.fleet-link{display:flex;justify-content:space-between;align-items:center;padding-top:17px;color:var(--deep);font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.fleet-link b{color:var(--gold);font-size:18px}.fleet-note{max-width:1240px;margin:34px auto 0;text-align:center;color:#77766f;font-size:14px;line-height:1.8}
@media(max-width:900px){.fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-gallery-images{grid-template-columns:1fr 1fr}.story-image-wide{grid-column:1/-1}}
@media(max-width:600px){.fleet-grid{grid-template-columns:1fr}.fleet-photo{height:240px}.fleet-card-copy>p{min-height:unset}.story-gallery{padding:72px 24px}.story-gallery-images{grid-template-columns:1fr}.story-image-wide{grid-column:auto}.reference-section{background-attachment:scroll!important}}
/* Give the service and experience pages a more considered editorial rhythm. */
.content.columns{gap:clamp(36px,7vw,104px);padding-top:clamp(76px,9vw,128px);padding-bottom:clamp(76px,9vw,128px)}
.content.columns .reveal{max-width:610px}
.content.columns .kicker{display:inline-flex;align-items:center;gap:12px}
.content.columns .kicker:before{content:"";display:block;width:28px;height:1px;background:var(--sand)}
.content.columns h2{color:var(--deep);max-width:620px}
.content.columns .lead{color:#525d60;font-size:clamp(18px,1.8vw,23px);line-height:1.65}
.content.columns .visual{height:clamp(340px,42vw,540px);border:8px solid rgba(255,255,255,.72);box-shadow:0 28px 70px rgba(16,30,43,.16);transform:none}
.content.columns .visual img{animation-duration:20s}
.content.columns .visual:after{background:linear-gradient(0deg,rgba(8,20,31,.38),transparent 48%),linear-gradient(115deg,transparent 42%,#ffffff20 50%,transparent 58%);background-size:100% 100%,240% 100%}
.content:not(.columns):not(.people-section):not(.fleet-section):not(.reference-section){position:relative}
.content:not(.columns):not(.people-section):not(.fleet-section):not(.reference-section)>.kicker{display:inline-flex;margin-bottom:8px}
.content:not(.columns):not(.people-section):not(.fleet-section):not(.reference-section)>.tiles{margin-top:38px}
.content:not(.columns):not(.people-section):not(.fleet-section):not(.reference-section) ul{padding-left:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 16px;max-width:900px;margin:30px 0}
.content:not(.columns):not(.people-section):not(.fleet-section):not(.reference-section) li{padding:14px 16px;background:#fff;border-left:2px solid var(--sand);color:#444c4d;line-height:1.65;box-shadow:0 8px 22px rgba(16,30,43,.045)}
.faq{display:grid;gap:10px;margin-top:30px;max-width:900px}
.faq details{background:#fff;border:1px solid rgba(16,30,43,.08);padding:19px 22px;box-shadow:0 8px 22px rgba(16,30,43,.04);transition:border-color .25s,box-shadow .25s}
.faq details[open]{border-color:rgba(164,137,96,.5);box-shadow:0 12px 30px rgba(16,30,43,.08)}
.faq summary{font-size:19px;color:var(--deep)}
.faq details[open] summary{color:var(--gold)}
.faq p{margin-bottom:0}
.tile{box-shadow:0 16px 42px rgba(16,30,43,.1);transition:transform .35s,box-shadow .35s}
.tile:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(16,30,43,.18)}
@media(max-width:700px){.content:not(.columns):not(.people-section):not(.fleet-section):not(.reference-section) ul{grid-template-columns:1fr}.content.columns .visual{height:340px}}
/* Individual yacht detail pages. */
.yacht-hero{height:min(720px,88svh)}
.fleet-back{position:absolute;z-index:2;left:6vw;top:104px;color:#fff;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.fleet-back:hover{color:#dfcba9}
.yacht-detail{padding-top:0!important}
.yacht-specs{position:relative;z-index:2;max-width:1080px;margin:-42px auto 72px;padding:25px 34px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 20px 54px rgba(16,30,43,.13)}
.yacht-specs>div{display:grid;gap:7px;padding:0 22px;border-right:1px solid var(--line)}
.yacht-specs>div:last-child{border-right:0}
.yacht-specs small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.yacht-specs strong{font:500 19px var(--serif);color:var(--deep)}
.yacht-detail-grid{max-width:1080px;margin:auto;display:block}
.yacht-detail-main{max-width:850px;margin:auto}
.yacht-detail-main h2{font:500 clamp(38px,5vw,62px)/1.05 var(--serif);color:var(--deep);margin:18px 0}
.yacht-detail-main h2 em{color:var(--gold)}
.yacht-detail-main .lead{color:#525d60}
.yacht-subsection{margin:29px 0;padding:23px 25px;background:#fff;border-left:2px solid var(--sand);box-shadow:0 9px 27px rgba(16,30,43,.05)}
.yacht-subsection h3{font:500 23px var(--serif);margin:0 0 9px;color:var(--deep)}
.yacht-subsection p{margin:0;color:#686960;line-height:1.8;font-size:15px}
@media(max-width:650px){.fleet-back{top:94px}.yacht-specs{margin:-26px 20px 48px;padding:20px 9px;grid-template-columns:1fr;gap:15px}.yacht-specs>div{border-right:0;border-bottom:1px solid var(--line);padding:0 12px 13px}.yacht-specs>div:last-child{border-bottom:0;padding-bottom:0}.yacht-detail{padding-left:24px!important;padding-right:24px!important}}
/* Reference marks get a quiet, consistent display on the scenic panel. */
.reference-logos{max-width:1240px;margin:48px auto 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.reference-logo{height:156px;min-height:0;padding:28px;background:#fff;border:1px solid rgba(255,255,255,.58);box-shadow:0 12px 30px rgba(4,14,23,.14);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.reference-logo:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--sand),transparent);opacity:.8}
.reference-logo img{max-width:78%;max-height:78px;filter:grayscale(1) contrast(.95);transition:filter .3s,transform .35s}
.reference-logo:hover img{filter:none;transform:scale(1.05)}
@media(max-width:900px){.reference-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}
@media(max-width:600px){.reference-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.reference-logo{height:118px;padding:17px}.reference-logo img{max-height:62px}}
/* The yacht's full set of published photos is presented as a responsive gallery. */
.yacht-gallery-section{padding:34px 8vw 108px;background:#eeeae1}
.yacht-gallery{max-width:1240px;margin:auto}
.yacht-gallery-head{text-align:center;margin:0 auto 38px}
.yacht-gallery-head h2{font:500 clamp(32px,4vw,48px)/1.1 var(--serif);color:var(--deep);margin:12px 0}
.yacht-gallery-head p{color:#74726b;font-size:14px;line-height:1.7}
.yacht-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:190px;gap:13px}
.yacht-gallery-grid figure{margin:0;overflow:hidden;position:relative;background:#d6d2c8;box-shadow:0 10px 28px rgba(16,30,43,.1)}
.yacht-gallery-grid figure:first-child{grid-column:span 2;grid-row:span 2}
.yacht-gallery-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s,filter .35s;filter:saturate(.88)}
.yacht-gallery-grid figure:hover img{transform:scale(1.055);filter:saturate(1)}
.yacht-gallery-grid figure:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(7,19,31,.26));pointer-events:none}
@media(max-width:900px){.yacht-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:170px}}
@media(max-width:600px){.yacht-gallery-section{padding:28px 20px 76px}.yacht-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:145px;gap:9px}.yacht-gallery-grid figure:first-child{grid-column:span 2;grid-row:span 1}}
/* Yacht albums scroll horizontally like the published Doris Mare galleries. */
.yacht-carousel{position:relative;max-width:1120px;margin:0 auto}
.yacht-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;background:#d7d3ca;outline-offset:4px}
.yacht-track::-webkit-scrollbar{display:none}
.yacht-slide{margin:0;flex:0 0 100%;height:clamp(320px,58vw,660px);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#d7d3ca}
.yacht-slide img{display:block;width:100%;height:100%;object-fit:contain;background:#111b23}
.yacht-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.74);border-radius:50%;background:rgba(9,22,33,.68);color:#fff;font-size:34px;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.yacht-arrow:hover{background:var(--gold);transform:translateY(-50%) scale(1.06)}
.yacht-prev{left:18px}.yacht-next{right:18px}
.yacht-count{position:absolute;right:20px;bottom:18px;padding:9px 12px;background:rgba(9,22,33,.76);color:#fff;font-size:12px;letter-spacing:.12em}
.yacht-current{color:#e3cba4}
.yacht-thumbs{max-width:1120px;margin:15px auto 0;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--sand) transparent;padding:2px 0 8px}
.yacht-thumbs button{flex:0 0 112px;height:76px;padding:0;border:2px solid transparent;background:#d2cec5;cursor:pointer;opacity:.64;transition:opacity .2s,border-color .2s}
.yacht-thumbs button[aria-current="true"]{opacity:1;border-color:var(--gold)}
.yacht-thumbs button:hover{opacity:1}
.yacht-thumbs img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:600px){.yacht-slide{height:62vw;min-height:270px}.yacht-arrow{width:40px;height:40px;font-size:28px}.yacht-prev{left:10px}.yacht-next{right:10px}.yacht-count{right:10px;bottom:10px}.yacht-thumbs button{flex-basis:82px;height:58px}}
@media(prefers-reduced-motion:reduce){.yacht-track{scroll-behavior:auto}}
/* Place each yacht gallery beneath its specifications. */
.yacht-gallery-section{padding:128px 8vw 58px;background:#eeeae1}
.yacht-gallery-head{max-width:1120px;margin:0 auto 28px;display:flex;align-items:end;justify-content:space-between;gap:24px;text-align:left}
.yacht-gallery-head h1{font:500 clamp(42px,6vw,76px)/1 var(--serif);color:var(--deep);margin:12px 0 9px}
.yacht-gallery-head p{margin:0;color:#74726b;font-size:14px;line-height:1.6}
.yacht-gallery-head .fleet-back{position:static;display:inline-flex;flex:none;padding:13px 17px;background:var(--deep);color:#fff;font-size:11px}
.yacht-gallery-head .fleet-back:hover{background:var(--gold);color:#fff}
.yacht-slide img{object-fit:contain;background:#07131f}
.yacht-detail .yacht-specs{margin:0 auto 65px}
@media(max-width:650px){.yacht-gallery-section{padding:100px 20px 42px}.yacht-gallery-head{display:block}.yacht-gallery-head .fleet-back{margin-top:17px}.yacht-detail .yacht-specs{margin:0 auto 45px}}
.fleet-filters{max-width:1240px;margin:42px auto 18px;padding:22px;background:#f3f0e8;display:grid;grid-template-columns:minmax(200px,1.5fr) repeat(3,minmax(150px,1fr)) auto;gap:14px;align-items:end}
.fleet-filters label{display:grid;gap:7px}.fleet-filters label>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#65655e}.fleet-filters input,.fleet-filters select{min-width:0;height:46px;padding:0 12px;border:1px solid #d7d1c4;background:#fff;color:var(--deep);font:inherit}.fleet-filters input:focus,.fleet-filters select:focus{outline:2px solid var(--gold);outline-offset:1px}.fleet-reset{height:46px;padding:0 14px;border:1px solid var(--deep);background:transparent;color:var(--deep);font:inherit;cursor:pointer}.fleet-result{max-width:1240px;margin:0 auto 16px;color:#77766f;font-size:13px}.fleet-card[hidden]{display:none}.fleet-empty{max-width:1240px;margin:35px auto;padding:34px;text-align:center;background:#f3f0e8;color:var(--deep)}
@media(max-width:900px){.fleet-filters{grid-template-columns:repeat(2,minmax(0,1fr));margin-left:20px;margin-right:20px}}
@media(max-width:600px){.fleet-filters{grid-template-columns:1fr;padding:16px}.fleet-reset{width:100%}}
/* Show each yacht's complete, uncropped photo slider directly below its specifications. */
.yacht-detail>.yacht-gallery-section{padding:28px 0 78px;background:#eeeae1}
.yacht-detail>.yacht-gallery-section .yacht-gallery-head{margin-bottom:24px}
.yacht-detail>.yacht-gallery-section .yacht-carousel,.yacht-detail>.yacht-gallery-section .yacht-thumbs{max-width:1120px}
.yacht-slide img{object-fit:contain!important;width:100%;height:100%;background:#101e2b}
.yacht-thumbs img{object-fit:contain!important;background:#101e2b}
@media(max-width:650px){.yacht-detail>.yacht-gallery-section{padding:24px 0 52px}.yacht-detail>.yacht-gallery-section .yacht-gallery-head{display:block}}
/* Elementor canvas wrapper resets for the uploadable WordPress demo. */
body.doris-mare-demo-page{margin:0;overflow-x:hidden}
.doris-mare-demo-page .elementor-section.dm-demo-html-section{padding:0!important;margin:0!important}
.doris-mare-demo-page .elementor-section.dm-demo-html-section>.elementor-container{width:100%;max-width:none}
.doris-mare-demo-page .elementor-section.dm-demo-html-section>.elementor-container>.elementor-column>.elementor-element-populated{padding:0!important}
.doris-mare-demo-page .elementor-widget-html,.doris-mare-demo-page .elementor-widget-html>.elementor-widget-container{margin:0!important;padding:0!important}

/* Clear, high-contrast corporate dropdown on every page. */
.topbar .nav-dropdown,.topbar.scrolled .nav-dropdown{background:#0b2228!important;border:1px solid rgba(213,195,161,.38);box-shadow:0 18px 42px rgba(4,14,23,.3);padding:10px;}
.topbar .nav-dropdown a,.topbar.scrolled .nav-dropdown a{display:flex;align-items:center;min-height:42px;padding:11px 14px;color:#edf0e8!important;opacity:1;letter-spacing:.08em;line-height:1.45;}
.topbar .nav-dropdown a:hover,.topbar.scrolled .nav-dropdown a:hover{color:#f1d9b0!important;background:#174750;}
.nav-dropdown:before{border-color:transparent transparent #0b2228!important;}

/* Reference marks sit directly on the photographic panel without square cards. */
.reference-logos{gap:0 10px;border-top:1px solid rgba(255,255,255,.2);}
.reference-logo{height:136px;min-height:0;padding:24px 28px;background:transparent!important;border:0;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:none!important;overflow:visible;}
.reference-logo:before{content:none!important;}
.reference-logo:after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:2px;background:#d5c3a1;transform:translateX(-50%);transition:width .35s;}
.reference-logo:hover{transform:none!important;box-shadow:none!important;}
.reference-logo:hover:after{width:42%;}
.reference-logo img{max-width:78%;max-height:68px;filter:grayscale(1) brightness(0) invert(1);opacity:.88;transition:filter .3s,opacity .3s,transform .35s;}
.reference-logo:hover img{filter:none;opacity:1;transform:scale(1.04);}
.loader i{display:block;width:min(90vw,620px);margin:13px auto 0;text-align:center;font-size:clamp(9px,1.45vw,12px)!important;line-height:1.65;letter-spacing:.17em!important;font-style:normal;}
@media(max-width:600px){.reference-logos{gap:0 8px}.reference-logo{height:112px;padding:18px 12px}.reference-logo img{max-width:84%;max-height:58px}}

/* Photo-led references title with a quieter, editorial logo wall beneath. */
.reference-section{padding:0!important;background:#f3f0e8!important;overflow:hidden;}
.reference-section .people-heading{position:relative;z-index:0;display:flex;min-height:390px;max-width:none;margin:0;padding:80px 24px;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(105deg,rgba(7,24,32,.76),rgba(7,24,32,.33)),url('https://dorismare.com.tr/wp-content/uploads/2025/08/7bbab4d5-1c66-4be5-b938-caaaee847e62-scaled.jpg') center 48%/cover no-repeat;}
.reference-section .people-heading:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(7,24,32,.2),transparent 50%);}
.reference-section .people-heading .kicker{color:#e5d2aa;letter-spacing:.24em;}
.reference-section .people-heading h2{max-width:900px;margin:17px 0 12px;color:#fff;font-size:clamp(48px,7vw,86px);text-shadow:0 4px 28px rgba(0,0,0,.24);}
.reference-section .people-heading p{max-width:600px;color:#f0eee8;font-size:16px;line-height:1.8;text-shadow:0 2px 16px rgba(0,0,0,.35);}
.reference-logos{max-width:1260px;margin:18px auto 92px;padding:0 38px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 12px;border-top:0;}
.reference-logo{grid-column:span 3;height:148px;padding:24px 26px;background:transparent!important;border:0;border-bottom:1px solid rgba(16,43,49,.14);box-shadow:none!important;overflow:visible;}
.reference-logo:nth-child(3n+2){grid-column:span 2;}
.reference-logo:nth-child(3n){grid-column:span 4;}
.reference-logo:before{content:none!important;}
.reference-logo:after{content:"";position:absolute;left:50%;bottom:-1px;width:0;height:2px;background:#b79b69;transform:translateX(-50%);transition:width .35s;}
.reference-logo:hover{transform:none!important;box-shadow:none!important;}
.reference-logo:hover:after{width:44%;}
.reference-logo img{max-width:80%;max-height:72px;filter:grayscale(1);opacity:.72;transition:filter .35s,opacity .35s,transform .35s;}
.reference-logo:hover img{filter:none;opacity:1;transform:scale(1.05);}
.reference-section .people-heading~.reference-logos .reference-logo{color:var(--ink);}
.fleet-filters select optgroup{font-weight:700;color:#174750;}
.fleet-filters select option{color:#102b31;background:#fff;}
@media(max-width:900px){.reference-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:0 8px;padding:0 25px}.reference-logo,.reference-logo:nth-child(3n+2),.reference-logo:nth-child(3n){grid-column:span 2;height:130px;padding:20px 15px}}
@media(max-width:600px){.reference-section .people-heading{min-height:330px;padding:68px 24px}.reference-section .people-heading p{font-size:14px}.reference-logos{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px auto 62px;padding:0 20px}.reference-logo,.reference-logo:nth-child(3n+2),.reference-logo:nth-child(3n){grid-column:span 1;height:112px;padding:15px 10px}.reference-logo img{max-height:58px}}

/* One reference heading in the photo hero; the logo wall begins immediately below. */
.reference-section{padding:0 0 10px!important;background:#f3f0e8!important;}
.reference-section .people-heading{display:none!important;}
.reference-logos{margin:0 auto 72px!important;padding:12px 38px 0!important;}
.reference-logo{height:184px!important;padding:28px!important;}
.reference-logo img{max-width:92%!important;max-height:108px!important;filter:none!important;opacity:1!important;transform:scale(1.02);}
.reference-logo:hover img{filter:none!important;opacity:1!important;transform:scale(1.08);}
.topbar .brand{display:inline-flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto;}
.topbar .brand img{display:block;flex:0 0 58px;}
.topbar .brand:after{display:inline-block;vertical-align:middle;margin:0!important;line-height:1.2;}
.yacht-page>.yacht-gallery-section{padding:118px 8vw 40px!important;background:#eeeae1;}
.yacht-page>.yacht-gallery-section .yacht-gallery-head{max-width:1120px;margin:0 auto 22px;}
.yacht-page>.yacht-gallery-section .yacht-carousel,.yacht-page>.yacht-gallery-section .yacht-thumbs{max-width:1120px;}
.yacht-page>.yacht-detail .yacht-specs{margin:0 auto 58px!important;}
@media(max-width:900px){.reference-logo{height:158px!important;padding:22px!important}.reference-logo img{max-height:90px!important}}
@media(max-width:600px){.reference-logos{margin:0 auto 52px!important;padding:6px 20px 0!important}.reference-logo{height:140px!important;padding:16px!important}.reference-logo img{max-height:78px!important}.yacht-page>.yacht-gallery-section{padding:100px 20px 30px!important}.yacht-page>.yacht-detail .yacht-specs{margin:0 auto 42px!important}.topbar .brand img{flex-basis:48px;width:48px;height:48px;max-height:48px}}