:root{--navy:#10263b;--blue:#1e3769;--cream:#f4f2ed;--gold:#b5a18a;--muted:#5e6973}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:var(--cream);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%}header{position:sticky;top:0;z-index:100;background:var(--cream);border-bottom:1px solid rgba(16,38,59,.12);height:88px;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;gap:18px}header .brand img{display:block;width:204px;height:auto}header nav{display:flex;gap:clamp(8px,1.4vw,23px);align-items:center}header nav a{font-size:10px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}header nav a:hover,header nav a.active{color:#9c856d}.mobile-toggle{display:none;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}.hero{min-height:calc(100vh - 88px);background:linear-gradient(90deg,rgba(9,26,43,.88),rgba(9,26,43,.35)),url('https://images.unsplash.com/photo-1567899378494-47b22a2ae96a?auto=format&fit=crop&w=2000&q=85') center/cover;display:flex;align-items:center;color:white;padding:80px 8%}.hero .content{max-width:860px}.eyebrow{font-size:11px;letter-spacing:.29em;text-transform:uppercase;color:var(--gold);line-height:1.8}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(52px,7.2vw,110px);line-height:1.06;margin:22px 0 28px}h2{font-size:clamp(36px,4.3vw,66px);line-height:1.14;margin:18px 0 28px}h3{font-size:clamp(26px,2.4vw,38px);margin:0 0 15px}.hero p{font-size:clamp(16px,1.7vw,20px);line-height:1.85;max-width:650px;color:#e9e9e9}.button{display:inline-block;border:1px solid currentColor;padding:16px 24px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;margin-top:25px;transition:.2s}.button:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}section{padding:105px 8%}.center{text-align:center;max-width:920px;margin:auto}.lead{font-size:clamp(17px,2vw,23px);line-height:1.8;color:var(--muted)}.intro{background:var(--cream)}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:55px}.service-card{background:white;min-width:0;display:flex;flex-direction:column}.service-card .photo{height:260px;background-position:center;background-size:cover}.service-card .inner{padding:30px;flex:1;display:flex;flex-direction:column}.service-card p{line-height:1.75;color:var(--muted);font-size:14px;flex:1}.service-card .more{font-size:11px;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--gold);align-self:flex-start;padding-bottom:9px;margin-top:12px}.secondary{background:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.bodycopy{font-size:17px;line-height:1.95;color:var(--muted)}.detail-hero{padding:115px 8% 105px;background:var(--navy);color:white;position:relative;overflow:hidden}.detail-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10263bee,#10263b77),var(--photo) center/cover;opacity:.7}.detail-hero>div{position:relative;max-width:930px}.detail-hero .lead{color:#e3e6e8}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:42px}.feature{padding:28px 0;border-top:1px solid #b8c0c5}.feature h3{font-size:27px}.feature p{color:var(--muted);line-height:1.8}.note{padding:30px;border-left:2px solid var(--gold);background:white;line-height:1.8;color:var(--muted);margin-top:55px}.cta{background:var(--navy);color:white;text-align:center}.cta p{color:#d9e0e4;line-height:1.8}.cta h2{max-width:850px;margin:15px auto}footer{background:#0a1a2a;color:#dce1e5;padding:52px 8%;display:flex;justify-content:space-between;gap:24px;align-items:center}footer img{width:190px}footer small{line-height:2;color:#c6cdd3}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:75px}.contact-wrap a{text-decoration:underline;text-underline-offset:5px}.contact-form{display:grid;gap:15px}.contact-form label{font-size:11px;text-transform:uppercase;letter-spacing:.15em}.contact-form input,.contact-form textarea{width:100%;padding:14px;background:#fff;border:1px solid #ccd1d5;font:inherit;color:var(--navy)}.contact-form button{background:var(--navy);color:white;border:0;padding:17px;cursor:pointer;letter-spacing:.14em;text-transform:uppercase}.fine{font-size:12px;color:var(--muted);line-height:1.7}
@media(max-width:1050px){header{height:78px}.mobile-toggle{display:block}header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);padding:20px 7% 28px;box-shadow:0 14px 20px #10263b22;flex-direction:column;align-items:flex-start;gap:22px}header nav.open{display:flex}header nav a{font-size:13px}.service-grid{grid-template-columns:1fr 1fr}.hero{min-height:78vh}}
@media(max-width:680px){header .brand img{width:165px}section{padding:75px 7%}.hero{padding:70px 7%;min-height:75vh}.service-grid,.features,.two-col,.contact-wrap{grid-template-columns:1fr}.service-card .photo{height:230px}.detail-hero{padding:90px 7%}.detail-hero h1{font-size:clamp(48px,12vw,70px)}footer{flex-direction:column;align-items:flex-start}h1{font-size:clamp(50px,12vw,74px)}.eyebrow{font-size:10px;letter-spacing:.18em}}

/* LUXSOS v3 refinements */
header .brand img{filter:contrast(1.4) saturate(1.15)}
.detail-hero[style*="maintenance-shipyard.jpg"]:before{background:linear-gradient(90deg,rgba(9,26,43,.93),rgba(9,26,43,.32)),var(--photo) center 48%/cover;opacity:1}
@media(max-width:680px){.hero h1{font-size:clamp(44px,10.4vw,64px);line-height:1.08}.detail-hero h1{font-size:clamp(43px,10.6vw,62px)}.detail-hero[style*="maintenance-shipyard.jpg"]:before{background:linear-gradient(90deg,rgba(9,26,43,.90),rgba(9,26,43,.47)),var(--photo) 58% center/cover}.hero p,.detail-hero .lead{line-height:1.65}}

/* V5 approved luxury visual direction */
:root{--cream:#f5f3ef;--gold:#c0a080}
.hero{background:linear-gradient(90deg,rgba(8,28,47,.90) 0%,rgba(8,28,47,.72) 40%,rgba(8,28,47,.12) 100%),url('home-yacht.jpg') center center/cover;min-height:610px}
.hero .content{max-width:760px}
.hero h1{font-size:clamp(56px,6.7vw,96px)}
.service-grid{gap:12px}
.service-card{background:#fff}
.service-card .photo{height:310px}
.service-card .inner{padding:28px 26px 32px}
.service-card h3{font-size:clamp(29px,2.4vw,39px)}
.detail-hero[style*="management-yacht.jpg"]:before,.detail-hero[style*="sales-yacht.jpg"]:before{background:linear-gradient(90deg,rgba(9,26,43,.94),rgba(9,26,43,.30)),var(--photo) center/cover;opacity:1}
@media(max-width:1050px){.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.service-card .photo{height:230px}.service-card .inner{padding:20px}.service-card h3{font-size:27px}}
@media(max-width:680px){header{height:78px}.hero{min-height:680px;padding:76px 7%;background:linear-gradient(90deg,rgba(8,28,47,.90),rgba(8,28,47,.48)),url('home-yacht.jpg') 62% center/cover}.hero h1{font-size:clamp(46px,10vw,62px)}.hero p{font-size:17px;line-height:1.65}.service-grid{grid-template-columns:1fr;gap:22px}.service-card .photo{height:245px}.service-card .inner{padding:27px}.detail-hero[style*="management-yacht.jpg"]:before,.detail-hero[style*="sales-yacht.jpg"]:before{background:linear-gradient(90deg,rgba(9,26,43,.90),rgba(9,26,43,.50)),var(--photo) center/cover}}

/* V6: Contact details and mobile quick actions */
header{position:sticky}
.header-contacts{position:absolute;right:5%;top:7px;display:flex;gap:19px;align-items:center;font-size:11px;color:var(--navy)}
.header-contacts a:hover{color:#9c856d}
header nav{padding-top:16px}
.mobile-contact-bar{display:none}
@media(min-width:1051px){header{height:104px;padding-top:30px}header .brand img{width:204px}}
@media(max-width:1050px){.header-contacts{display:none}header nav{padding-top:20px}}
@media(max-width:680px){body{padding-bottom:69px}.mobile-contact-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;left:0;right:0;z-index:110;background:#f4f2ed;box-shadow:0 -3px 18px #10263b22;border-top:1px solid #d7d2c9;padding-bottom:env(safe-area-inset-bottom)}.mobile-contact-bar a{min-height:64px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-right:1px solid #d7d2c9}.mobile-contact-bar a:last-child{border:0}.contact-symbol{font-size:23px;line-height:1.1}.mobile-contact-bar a:focus-visible{outline:2px solid #10263b;outline-offset:-3px}}

/* V7: restrained iconography and clearer mobile yacht composition */
@media(max-width:680px){
 body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
 .mobile-contact-bar{background:#f7f5f0;border-top:1px solid #ddd9d1;box-shadow:0 -2px 12px rgba(8,28,47,.10)}
 .mobile-contact-bar a{min-height:56px;gap:3px;font-size:9px;letter-spacing:.11em;color:#10263b}
 .contact-symbol{height:22px;display:flex;align-items:center;justify-content:center}
 .contact-symbol svg{width:21px;height:21px;fill:none;stroke:#10263b;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
 .mobile-contact-bar a:last-child .contact-symbol svg{stroke:#16855c}
 .hero{background-image:linear-gradient(90deg,rgba(8,28,47,.86),rgba(8,28,47,.45)),url('home-yacht.jpg');background-position:center,26% 58%;min-height:650px;padding-top:60px;padding-bottom:76px}
 .hero .content{position:relative;z-index:1}
}

/* V8: sailing yacht and improved mobile legibility */
.detail-hero[style*="sailing-yacht.jpg"]:before{background:linear-gradient(90deg,rgba(9,26,43,.89),rgba(9,26,43,.28)),var(--photo) center/cover;opacity:1}
@media(max-width:680px){.detail-hero[style*="sailing-yacht.jpg"]:before{background:linear-gradient(90deg,rgba(9,26,43,.87),rgba(9,26,43,.40)),var(--photo) 50% center/cover}.extra-features{margin-top:0}}

/* V8.1 refinements: mobile spacing and yacht visibility */
@media(max-width:680px){
 .detail-hero[style*="sailing-yacht.jpg"]{min-height:570px;display:flex;align-items:center}
 .detail-hero[style*="sailing-yacht.jpg"]:before{background:linear-gradient(90deg,rgba(9,26,43,.87),rgba(9,26,43,.35)),var(--photo) 48% 72%/cover}
 .features{gap:0;margin-top:24px}
 .feature{padding:18px 0}
 .feature h3{margin-bottom:8px;font-size:clamp(24px,6vw,30px)}
 .feature p{margin:0;line-height:1.65}
 .extra-features{margin-top:0}
 .note{margin-top:28px}
}

/* V8.2: final mobile layout refinements */
@media(max-width:680px){
 header{height:68px;padding:8px 6%} header .brand img{width:151px} header nav{top:68px}
 section{padding:58px 7%} .two-col{gap:16px;align-items:start} .two-col h2{margin-bottom:8px}
 .two-col .bodycopy{margin:0;line-height:1.7} .features{margin-top:28px}
 .detail-hero[style*="sailing-yacht.jpg"]:before{background:linear-gradient(90deg,rgba(9,26,43,.87),rgba(9,26,43,.44)),url('management-mobile.jpg') center center/cover;opacity:1}
 .detail-hero[style*="sales-yacht.jpg"]:before{background:linear-gradient(90deg,rgba(9,26,43,.88),rgba(9,26,43,.45)),url('sales-mobile.jpg') center center/cover;opacity:1}
 .detail-hero{padding:72px 7%;min-height:590px}
 .detail-hero[style*="sailing-yacht.jpg"]{min-height:610px}
 .cta{padding-bottom:85px}
}

/* V8.5: unified mobile hero photographs, no composited image bands */
@media(max-width:680px){
 .detail-hero[style*="sailing-yacht.jpg"]:before{
  background-image:linear-gradient(90deg,rgba(8,26,43,.40),rgba(8,26,43,.13)),url('management-mobile-final.jpg');
  background-position:center center;background-size:cover;opacity:1;
 }
 .detail-hero[style*="sales-yacht.jpg"]:before{
  background-image:linear-gradient(90deg,rgba(8,26,43,.40),rgba(8,26,43,.13)),url('sales-mobile-final.jpg');
  background-position:center center;background-size:cover;opacity:1;
 }
 .detail-hero[style*="sales-yacht.jpg"],.detail-hero[style*="sailing-yacht.jpg"]{min-height:660px;display:flex;align-items:center}
}

/* V8.6: photo-led mobile heroes, no baked-in gradient bands */
@media(max-width:680px){
 .detail-hero[style*="sales-yacht.jpg"],.detail-hero[style*="sailing-yacht.jpg"]{min-height:610px;padding:58px 7%;align-items:center}
 .detail-hero[style*="sales-yacht.jpg"]:before{background:linear-gradient(90deg,rgba(7,25,42,.68),rgba(7,25,42,.23)),url('sales-mobile-v86.jpg') center 60%/cover;opacity:1}
 .detail-hero[style*="sailing-yacht.jpg"]:before{background:linear-gradient(90deg,rgba(7,25,42,.70),rgba(7,25,42,.22)),url('management-mobile-v86.jpg') center 56%/cover;opacity:1}
 .detail-hero[style*="sales-yacht.jpg"] .lead,.detail-hero[style*="sailing-yacht.jpg"] .lead{color:#fff;text-shadow:0 1px 9px rgba(0,0,0,.35)}
}

/* V8.7: original photo assets, one continuous image, yacht completely in frame */
@media(max-width:680px){
 .detail-hero[style*="sales-yacht.jpg"],.detail-hero[style*="sailing-yacht.jpg"]{min-height:650px;padding:58px 7%;display:flex;align-items:center}
 .detail-hero[style*="sales-yacht.jpg"]:before{background: url('sales-hero-v87.jpg') center center / cover no-repeat;opacity:1}
 .detail-hero[style*="sailing-yacht.jpg"]:before{background: url('management-hero-v87.jpg') center center / cover no-repeat;opacity:1}
}