@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap');
/* ux23 luxury restyle (Oct 30, 2026), Rosie's brand board: Onyx #0D0D0D, Ivory #F6F0E4, Champagne Gold #C5A059, Deep Gold #9C7A3C, Emerald #0F4D3A. Headings Cormorant Garamond SemiBold.
   WCAG: ivory on onyx 17.4:1; gold on onyx 8.4:1; onyx on gold 8.4:1; ink #1A1A1A on ivory 15.6:1; links emerald on ivory 9.2:1 (AA). Deep Gold is used for borders/rules only (3.5:1 on ivory, not text). */
html:root{--lx-black:#0D0D0D;--lx-ivory:#F6F0E4;--lx-gold:#C5A059;--lx-gold-dark:#9C7A3C;--lx-green:#0F4D3A;--lx-ink:#1A1A1A;
--navy:#0D0D0D;--deep:#1A1A1A;--ink:#1A1A1A;--aqua:#C5A059;--aqua-hover:#D4B273;--gold:#C5A059;--sand:#EFE7D6;--sea:#0F4D3A;--muted:#55504A;
--ss-navy:#0D0D0D;--ss-deep:#1A1A1A;--ss-sea:#0F4D3A;--ss-aqua:#C5A059;--ss-aqua-hover:#D4B273;--ss-gold:#C5A059;--ss-sand:#EFE7D6;--ss-ink:#1A1A1A;--ss-muted:#55504A;
--ss-font-heading:'Cormorant Garamond','Playfair Fallback',Georgia,serif}
html body{background:var(--lx-ivory);color:var(--lx-ink)}
html body h1,html body h2,html body h3{font-family:'Cormorant Garamond','Playfair Fallback',Georgia,serif;font-weight:600;color:var(--lx-black);letter-spacing:.01em}
html body a{color:var(--lx-green)}
html body nav{background:var(--lx-black);border-top-color:var(--lx-gold);border-bottom:1px solid var(--lx-gold-dark)}
html body nav .wrap>ul>li>a,html body nav .mm-btn,html body nav .brand small{color:var(--lx-ivory)}
html body nav .mm-panel,html body nav .mm-panel a{color:var(--lx-ink)}
html body nav .brand img.wm{width:auto;height:44px;max-width:220px;object-fit:contain}
html body .btn{background:var(--lx-gold);color:var(--lx-black)}
html body .btn:hover{background:#D4B273;color:var(--lx-black)}
html body .btn-ghost{background:transparent;color:var(--lx-black);border-color:var(--lx-black)}
html body .hero{background:linear-gradient(100deg,rgba(13,13,13,.9),rgba(13,13,13,.45)),url("https://images.unsplash.com/photo-1548574505-5e239809ee19?w=1800&q=70&auto=format") center/cover}
html body .hero.hero-lux{background:linear-gradient(90deg,rgba(13,13,13,.78) 0%,rgba(13,13,13,.45) 45%,rgba(13,13,13,0) 70%),url("/assets/brand/final/site-hero-1920.webp") right center/cover #0D0D0D}
@media(max-width:1280px){html body .hero.hero-lux{background-image:linear-gradient(90deg,rgba(13,13,13,.78) 0%,rgba(13,13,13,.45) 45%,rgba(13,13,13,0) 70%),url("/assets/brand/final/site-hero-1280.webp")}}
@media(max-width:760px){html body .hero.hero-lux{background-image:linear-gradient(rgba(13,13,13,.72),rgba(13,13,13,.72)),url("/assets/brand/final/site-hero-960.webp");background-position:70% center}}
html body .hero h1,html body .hero p{color:var(--lx-ivory)}
html body .hero .tag{color:var(--lx-gold)}
html body .alt{background:#EFE7D6}
html body footer{background:var(--lx-black);color:#D9D1C2;border-top:1px solid var(--lx-gold-dark)}
html body footer a,html body footer .cl-foot h2{color:var(--lx-ivory)}
html body footer strong{border-bottom-color:var(--lx-gold)}
html body footer .clf label,html body footer .clf .cl-fine,html body footer .skye-foot{color:#D9D1C2}
/* ux23 homepage offer tiles (no prices) */
html body .hero.hero-lux{min-height:auto;padding:28px 0 32px}
html body .hero.hero-lux h1{font-size:clamp(2rem,3.6vw,3.1rem);max-width:760px;margin:0}
html body .hero.hero-lux .hero-sub{margin:.3em 0 .6em}
html body .hero.hero-lux .hero-intro{font-size:.98rem;max-width:620px;margin:10px 0 14px}
.lux-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:860px;margin:8px 0 14px}
.lux-tile{background:rgba(13,13,13,.82);border:1px solid #9C7A3C;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.lux-tile img{display:block;width:100%;height:110px;object-fit:cover}
.lux-tile .lt-b{padding:10px 12px 12px}
html body .lux-tile h2{color:#C5A059;font-size:1.3rem;margin:0 0 2px;text-align:left}
html body .hero .lux-tile p{font-size:.88rem;margin:0 0 8px;color:#F6F0E4}
html body .lux-tile .btn{padding:8px 14px;font-size:.88rem;min-height:0}
html body .lux-tile .lt-more{display:inline-block;margin-top:6px;font-size:.82rem;color:#F6F0E4;text-decoration:underline}
@media(max-width:760px){.lux-tiles{grid-template-columns:1fr}.lux-tile{flex-direction:row}.lux-tile img{width:38%;height:auto;min-height:120px}}
/* ux-fix 20261030: keep headline off faces; hide clipped header advisor line on mobile */
@media(min-width:761px){html body .hero.hero-lux h1{max-width:560px}html body .hero.hero-lux .hero-sub{max-width:520px}html body .hero.hero-lux{background-position:left center,right -80px center}}
@media(max-width:760px){html body nav .btn + small.adv-note{display:none!important}html body nav .mm-cta .btn + small.adv-note{display:block!important}}
/* hdr-note 20261030: hide header advisor line at all widths */
html body nav .btn + small.adv-note{display:none!important}html body nav .mm-cta .btn + small.adv-note{display:block!important}

/* imgfix 20261030 */
.wm-rev,img.wm-rev{width:176px!important;height:auto!important;aspect-ratio:3.09/1;object-fit:contain}
.lux-tile img{height:auto!important;aspect-ratio:16/9;object-fit:cover;object-position:center 55%;width:100%}
@media(max-width:760px){.lux-tile img{width:38%;aspect-ratio:4/3!important;align-self:center;object-position:center}}
.skye-portrait img{object-fit:cover;object-position:center 60%}
.phero{background:linear-gradient(120deg,rgba(11,31,51,.92),rgba(11,31,51,.72) 55%,rgba(11,31,51,.45)),url(/assets/photos/cruise-yachts/cruise-ship-aerial-bay-wide-1920.webp) center 40%/cover no-repeat}
@media(max-width:1000px){.phero{background:linear-gradient(120deg,rgba(11,31,51,.92),rgba(11,31,51,.75)),url(/assets/photos/cruise-yachts/cruise-ship-aerial-bay-wide-960.webp) center 40%/cover no-repeat}}
.cy-band{padding:56px 0;background:#0B1F33;color:#fff}
.cy-band h2{color:#fff;text-align:center;margin:0 0 24px}
.cy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cy-item{margin:0}
.cy-item img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.cy-item figcaption{font-size:.85rem;opacity:.85;margin-top:6px;text-align:center}
@media(max-width:1100px){.cy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cy-grid{grid-template-columns:1fr}}

/* menu-fix 2026-10-30: mobile menu readable on dark panel (WCAG AA) */
@media(max-width:760px){
html body nav.nav-open ul.mm-root,html body nav.nav-open .wrap>ul{background:#0D0D0D!important;border-bottom:1px solid #9C7A3C}
html body nav.nav-open ul li+li{border-top-color:#2a2a2a!important}
html body nav.nav-open .wrap>ul>li>a,html body nav.nav-open .mm-btn{color:#F6F0E4!important;font-size:16px!important;min-height:48px;font-weight:500}
html body nav.nav-open .mm-btn svg{color:#F6F0E4;stroke:currentColor}
html body nav.nav-open .mm-btn[aria-expanded="true"]{color:#C5A059!important}
html body nav.nav-open .mm-in{background:#1A1A1A!important}
html body nav.nav-open .mm-panel,html body nav.nav-open .mm-panel ul{background:#1A1A1A!important}
html body nav.nav-open .mm-panel ul a{color:#F6F0E4!important;font-size:16px!important;min-height:44px}
html body nav.nav-open .mm-h{color:#C5A059!important;font-size:13px!important}
html body nav.nav-open .wrap>ul>li>a:hover,html body nav.nav-open .mm-btn:hover,html body nav.nav-open .mm-panel ul a:hover,html body nav.nav-open .wrap>ul>li>a:active,html body nav.nav-open .mm-panel ul a:active{color:#C5A059!important;text-decoration:underline}
html body nav.nav-open a:focus-visible,html body nav.nav-open .mm-btn:focus-visible{color:#C5A059!important;outline:3px solid #C5A059!important;outline-offset:-3px}
}