/* CharterYacht.com Managed Fleet brochure. Tokens from the CY brand kit (tokens.css) + charteryacht.com. */
@font-face{font-family:"Jost";src:url("/fonts/jost.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Mulish";src:url("/fonts/mulish.woff2") format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Mulish";src:url("/fonts/mulish-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("/fonts/playfair.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("/fonts/playfair-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}

:root{
  --ink:#0A0A0A;--hull:#F4F2EC;--accent:#1EC8D8;--accent-pale:#A9E9EF;--mist:#EAF6F8;
  --teal-tint:rgba(30,200,216,.08);--teal-line:rgba(30,200,216,.35);--rule-ink:rgba(10,10,10,.12);--rule-hull:rgba(244,242,236,.14);
  --display:"Jost","Futura","Century Gothic","Helvetica Neue",Arial,sans-serif;
  --body:"Mulish","Helvetica Neue",Arial,sans-serif;
  --serif:"Playfair Display",Georgia,serif;
  --shell:1440px;--gutter:clamp(1.5rem,5vw,6rem);--railgap:0px;--band:clamp(4rem,10vh,8rem);--radius:14px;
  --mast:64px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ink);color:var(--hull);font-family:var(--body);font-size:1rem;line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,p,ul,ol,dl,figure{margin:0}
ul,ol{padding:0;list-style:none}
.shell{width:100%;max-width:var(--shell);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.rounded{border-radius:var(--radius);overflow:hidden}

/* type */
.display{font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:.14em;line-height:1.02}
.display .blk{font-weight:400}
.display em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;font-size:.78em;color:var(--accent-pale)}
.ch--light .display em,.ch--mist .display em{color:var(--ink);opacity:.8}
.display--xl{font-size:clamp(2.4rem,7vw,6.2rem)}
.display--l{font-size:clamp(1.9rem,4.4vw,3.6rem)}
.display--m{font-size:clamp(1.35rem,2.6vw,2.1rem)}
.display--s{font-size:clamp(1rem,1.5vw,1.2rem);letter-spacing:.18em;font-weight:500}
.eyebrow{font-family:var(--display);font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);font-weight:500}
.serif{font-family:var(--serif);font-weight:400;font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.45}
.count{font-family:var(--display);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7}

/* pills */
.pillrow{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
.pillrow--tight{margin-top:1rem}
.pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:.9rem 1.6rem;font-family:var(--display);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;border:1px solid transparent;transition:background .25s,color .25s,border-color .25s;cursor:pointer;line-height:1}
.pill--accent{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.pill--accent:hover{background:var(--hull);border-color:var(--hull)}
.pill--ghost{background:transparent;color:var(--hull);border-color:rgba(244,242,236,.5)}
.pill--ghost:hover{border-color:var(--accent);color:var(--accent)}
.pill--ink{background:var(--ink);color:var(--hull);border-color:var(--ink)}
.pill--ink:hover{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.pill--ghost-ink{background:transparent;color:var(--ink);border-color:rgba(10,10,10,.35)}
.pill--ghost-ink:hover{border-color:var(--ink);background:var(--ink);color:var(--hull)}
.chip{display:inline-flex;align-items:center;border-radius:999px;padding:.5rem 1rem;font-family:var(--display);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(10,10,10,.3);color:var(--ink)}
.chip:hover{background:var(--ink);color:var(--hull)}

/* masthead */
.mast{position:fixed;inset:0 0 auto 0;z-index:40;height:var(--mast);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1rem,3vw,2.4rem);transition:background .35s;color:var(--hull)}
.mast__left{display:flex;align-items:center;gap:1rem;min-width:0}
.mast__right{display:flex;justify-content:flex-end}
.mast__logo{justify-self:center;display:block}
.mast__ch{font-family:var(--display);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;opacity:.8;white-space:nowrap}
.mast[data-stuck="true"]{background:rgba(10,10,10,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mast__wordmark{height:44px;width:auto}
.mast__btn{background:none;border:1px solid rgba(244,242,236,.45);color:var(--hull);border-radius:999px;padding:.55rem 1rem;font-family:var(--display);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;display:flex;gap:.6rem;align-items:center}
.mast__btn i{width:16px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;display:block}
.mast:not([data-stuck="true"]) .mast__ch,.mast:not([data-stuck="true"]) .curpick-box{text-shadow:0 1px 12px rgba(0,0,0,.45)}
.mast__btn:hover{border-color:var(--accent);color:var(--accent)}
body[data-light="true"] .mast[data-stuck="true"]{background:rgba(244,242,236,.82);color:var(--ink)}
body[data-light="true"] .mast[data-stuck="true"] .mast__wordmark{filter:brightness(0)}
body[data-light="true"] .mast[data-stuck="true"] .mast__btn{border-color:rgba(10,10,10,.4);color:var(--ink)}
body[data-light="true"] .mast[data-stuck="true"] .curpick-box{border-color:rgba(10,10,10,.4);color:var(--ink)}
body[data-light="true"] .mast[data-stuck="true"] .curpick-box__label{color:rgba(10,10,10,.6)}
.curpick-box{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(244,242,236,.45);border-radius:999px;padding:.55rem .95rem;color:var(--hull);cursor:pointer;position:relative}
.curpick-box:hover,.curpick-box:focus-within{border-color:var(--accent)}
.curpick-box__label{font-family:var(--display);font-size:.56rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:rgba(244,242,236,.6)}
.curpick-box__val{font-family:var(--display);font-size:.66rem;font-weight:500;letter-spacing:.18em}
.curpick-box .curpick{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit}
.curpick-box .curpick option{color:var(--ink)}
.curpick-box__chev{width:10px;height:6px;flex:none;opacity:.7}

/* chapter drawer */
.nav{position:fixed;inset:0;z-index:39;background:rgba(10,10,10,.96);transform:translateY(-102%);transition:transform .55s cubic-bezier(.2,.8,.2,1),visibility 0s .55s;visibility:hidden;overflow:hidden}
.nav[data-open="true"]{transform:none;visibility:visible;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.nav__panel{height:100dvh;overflow-y:auto;padding:calc(var(--mast) + 2rem) var(--gutter) 3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.2rem 3rem;align-content:start;max-width:var(--shell);margin:0 auto}
.nav__panel a{display:flex;align-items:baseline;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--rule-hull);font-family:var(--display);font-size:clamp(1rem,1.6vw,1.35rem);letter-spacing:.14em;text-transform:uppercase;font-weight:300;transition:color .25s,padding-left .25s}
.nav__panel a:hover{color:var(--accent);padding-left:.4rem}
.nav__n{font-size:.7rem;letter-spacing:.2em;color:var(--accent);font-weight:500}

/* chapter rail */
.rail{position:fixed;left:clamp(1rem,3vw,2.4rem);top:calc(var(--mast) + .8rem);z-index:30;display:flex;flex-direction:column;gap:.25rem}
.rail a{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-family:var(--display);font-size:.66rem;letter-spacing:.06em;color:var(--hull);opacity:.45;border:1px solid transparent;transition:opacity .25s,border-color .25s,background .25s}
.rail a:hover{opacity:1;border-color:var(--accent)}
.rail a[aria-current="true"]{opacity:1;background:var(--accent);color:var(--ink)}
body[data-light="true"] .rail a{color:var(--ink);background:rgba(10,10,10,.06)}
body[data-light="true"] .rail a[aria-current="true"]{color:var(--ink)}
@media (max-width:860px){.rail{display:none}}

/* chapters */
.ch{position:relative;padding:var(--band) 0}
.ch--light{background:var(--hull);color:var(--ink)}
.ch--mist{background:var(--mist);color:var(--ink)}
.ch--dark{background:var(--ink);color:var(--hull)}
.ch__mark{display:flex;align-items:center;gap:1rem;font-family:var(--display);font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;margin-bottom:clamp(1.6rem,4vh,3rem)}
.ch__n{color:var(--accent);font-weight:500}
.ch__sep{width:48px;height:1px;background:var(--accent);opacity:.7}
.ch__t{opacity:.75}
.next{display:flex;align-items:center;gap:1.2rem;margin-top:clamp(2.5rem,6vh,4.5rem);padding-top:1.4rem;border-top:1px solid var(--rule-ink);font-family:var(--display);text-transform:uppercase;letter-spacing:.2em;transition:color .25s}
.ch--dark .next,.ch--yacht .next{border-top-color:var(--rule-hull)}
.ch--mist .next,.ch--light .next{border-top-color:var(--rule-ink)}
.next__k{font-size:.66rem;opacity:.6}
.next__t{font-size:.9rem;font-weight:400}
.next__a{margin-left:auto;font-size:1.2rem;transition:transform .3s}
.next:hover{color:var(--accent)}.next:hover .next__a{transform:translateX(6px)}
.ch--light .next:hover,.ch--mist .next:hover{color:var(--ink)}

/* cover */
.ch--cover{padding:0;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.cover__media{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding:calc(var(--mast) + 2rem) clamp(1rem,4vw,4rem) 2rem 45%;pointer-events:none}
.cover__img{width:100%;height:auto;max-height:78svh;object-fit:contain;object-position:100% 50%;filter:drop-shadow(0 30px 60px rgba(0,0,0,.6))}
.cover__media::after{content:none}
.ch--cover{background:var(--ink)}
.cover__inner{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--mast) + 1.5rem) var(--gutter) clamp(2.5rem,7vh,5rem);max-width:var(--shell);margin:0 auto;width:100%}
.eyebrow--hull{color:var(--hull)}
.cover__logo{width:clamp(220px,28vw,420px);height:auto}
.cover__title{max-width:min(880px,58%)}
.cover__title .eyebrow{margin-bottom:1.2rem}
.cover__sub{margin-top:1.2rem;max-width:640px;opacity:.92}
.cover__foot{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--rule-hull);font-family:var(--display);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase;opacity:.75}

/* contents */
.toc{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.toc__note{margin:1.2rem 0 2rem;max-width:520px;opacity:.85}
.toc__list li a{display:grid;grid-template-columns:3rem 1fr;align-items:baseline;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--rule-ink);font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;font-size:.95rem;font-weight:400;transition:padding-left .25s}
.toc__list li a:hover{padding-left:.4rem}
.toc__n{color:var(--accent);font-size:.72rem;letter-spacing:.2em;font-weight:500}
.toc__sub{display:block;font-family:var(--body);text-transform:none;letter-spacing:0;font-size:.82rem;opacity:.65;margin-top:.15rem}
.toc__a{opacity:.5}
.toc__tiles{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.tile{position:relative;display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;background:#222}
.tile__img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.tile:hover .tile__img{transform:scale(1.04)}
.tile__cap{position:absolute;inset:auto 0 0 0;padding:1.1rem;color:var(--hull);background:linear-gradient(0deg,rgba(10,10,10,.8),rgba(10,10,10,0));display:flex;flex-direction:column;gap:.15rem}
.tile__n{font-family:var(--display);font-size:.6rem;letter-spacing:.24em;text-transform:uppercase;color:var(--hull);opacity:.85}
.tile__name{font-family:var(--display);font-size:1.3rem;letter-spacing:.16em;text-transform:uppercase;font-weight:400}
.tile__meta{font-size:.78rem;opacity:.85}
.toc__tiles .tile:nth-child(2),.toc__tiles .tile:nth-child(4){transform:translateY(1.6rem)}

/* mission */
#mission{overflow:hidden}
.mission__bg{position:absolute;inset:0}
.mission__img{width:100%;height:100%;object-fit:cover;opacity:.32}
.mission__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.75) 55%,rgba(10,10,10,.5) 100%)}
#mission .shell{position:relative;z-index:2}
.mission{max-width:820px}
.mission .eyebrow{margin-bottom:.9rem}
.mission__vision{margin:1.4rem 0 3rem;font-size:clamp(1.25rem,2.2vw,1.8rem)}
.mission__text{font-size:1.05rem;max-width:640px;margin-bottom:2.6rem;opacity:.92}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;border-top:1px solid var(--rule-hull);padding-top:1.6rem}
.pillars li{display:flex;flex-direction:column;gap:.5rem;font-size:.92rem;line-height:1.55;opacity:.9}
.pillars__n{font-family:var(--display);color:var(--accent);font-size:.7rem;letter-spacing:.2em}
.pillars strong{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem}

/* about */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.about .display br{display:block}
.about__lede{margin-top:1.4rem;opacity:.85;max-width:560px}
.about__photo img{aspect-ratio:4/3;object-fit:cover;width:100%}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:clamp(3rem,6vh,5rem);border-top:1px solid var(--rule-ink);padding-top:2rem}
.fact h3{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.12em;font-size:.9rem;margin:.6rem 0 .5rem}
.fact p{font-size:.9rem;line-height:1.6;opacity:.8}
.fact__n{font-family:var(--display);color:var(--accent);font-size:.7rem;letter-spacing:.2em}
.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:clamp(2.5rem,6vh,4rem)}
.strip__item img{aspect-ratio:3/2;object-fit:cover;width:100%}
.strip__item span{display:block;margin-top:.6rem;font-family:var(--display);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7}
.office{display:flex;flex-wrap:wrap;gap:1rem 3rem;align-items:baseline;margin-top:2.5rem;padding-top:1.6rem;border-top:1px solid var(--rule-ink);font-size:.92rem}
.office__item{white-space:nowrap}
.office .eyebrow{flex-basis:100%}
.office a{text-decoration:underline;text-decoration-color:var(--teal-line);text-underline-offset:.25em}
.office a:hover{color:var(--accent)}

/* yacht chapters */
.ch--yacht{padding:0;background:var(--hull);color:var(--ink)}
.yhero{position:relative;height:min(82svh,900px);background:var(--ink);overflow:hidden}
.yhero__img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.yhero::after{content:"";position:absolute;inset:0 0 auto 0;height:var(--mast);background:linear-gradient(180deg,rgba(10,10,10,.45),rgba(10,10,10,0))}
.yhead{background:var(--ink);color:var(--hull)}
.yhero__inner{padding-top:clamp(2rem,5vh,3.5rem);padding-bottom:clamp(2rem,5vh,3.5rem);width:100%}
.yhero__title .eyebrow{color:var(--accent-pale)}
.yhero__line{max-width:620px;margin-top:1rem;opacity:.92}
.stats{display:grid;grid-template-columns:repeat(7,auto);gap:1.4rem 2.2rem;margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid var(--rule-hull);justify-content:start}
.stat{display:flex;flex-direction:column;gap:.2rem}
.stat__v{font-family:var(--display);font-size:1.15rem;letter-spacing:.08em;font-weight:400}
.stat__k{font-family:var(--display);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;opacity:.65}
.ysection{padding-top:var(--band);padding-bottom:var(--band)}
.ysection--flush{padding-top:var(--band);padding-bottom:var(--band)}
.ycols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.ycols--3{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.ypara{font-size:1.08rem;line-height:1.7;max-width:600px;margin-top:1rem}
.comm{margin-top:1.8rem;display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap;padding:1rem 1.2rem;border-radius:var(--radius);background:var(--teal-tint);border:1px solid var(--teal-line)}
.comm__k{font-family:var(--display);font-size:.64rem;letter-spacing:.22em;text-transform:uppercase}
.comm__v{font-family:var(--display);font-size:1.6rem;font-weight:400;letter-spacing:.05em}
.comm__b{font-size:.82rem;opacity:.75}
.comm__b a{text-decoration:underline;text-underline-offset:.2em}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem;border-top:1px solid var(--rule-ink)}
.spec{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--rule-ink);font-size:.88rem}
.spec dt{font-family:var(--display);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6;padding-top:.2rem}
.spec dd{margin:0;text-align:right;font-weight:600}
.band__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;grid-auto-flow:dense;gap:.6rem}
.gal__tile{display:block;border-radius:var(--radius);overflow:hidden;background:#ddd}
.gal__tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.gal__tile:hover img{transform:scale(1.04)}
.gal__tile:nth-child(8n+1){grid-column:span 2;grid-row:span 2}
.gal__tile:nth-child(8n+6){grid-column:span 2}
.grounds{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.grounds__copy .eyebrow{margin-bottom:.9rem}
.grounds__copy p{margin-top:1rem;opacity:.88;max-width:460px}
.grounds__list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.4rem}
.grounds__list li{font-family:var(--display);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;padding:.45rem .9rem;border:1px solid var(--rule-hull);border-radius:999px}
.grounds__map{border-radius:var(--radius);overflow:hidden;background:#0f1416;border:1px solid var(--rule-hull)}
.chart{width:100%;height:auto;display:block}
.chart__land path{fill:#1b2124;stroke:#2c3538;stroke-width:.8}
.chart__route{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:6 6;animation:dash 24s linear infinite}
.chart__route--cross{stroke-dasharray:3 7}
@keyframes dash{to{stroke-dashoffset:-240}}
.chart__stop circle{fill:var(--accent-pale)}
.chart__stop--key circle{fill:var(--accent);stroke:rgba(30,200,216,.35);stroke-width:8}
.chart__stop text{fill:var(--hull);font-family:var(--display);font-size:13px;letter-spacing:.06em}
.chart__stop .chart__note{fill:var(--accent-pale);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--display)}
.accom{margin-top:1rem;border-top:1px solid var(--rule-ink)}
.accom li{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--rule-ink);font-size:.9rem}
.accom strong{font-family:var(--display);font-weight:500;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding-top:.2rem}
.crewnote{margin-top:1.6rem;font-size:1rem;opacity:.85}
.toys{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.toys h4{font-family:var(--display);font-weight:500;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.8rem;padding-bottom:.6rem;border-bottom:1px solid var(--rule-ink)}
.toys li{font-size:.86rem;padding:.3rem 0;display:flex;gap:.6rem;align-items:flex-start}
.toys li::before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:.55rem}
.tablewrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--rule-ink);background:var(--hull)}
.rates{width:100%;border-collapse:collapse;font-size:.92rem;min-width:560px}
.rates th,.rates td{padding:.9rem 1.1rem;text-align:left;border-bottom:1px solid var(--rule-ink);vertical-align:top}
.rates thead th{font-family:var(--display);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;opacity:.7;font-weight:500}
.rates tbody th{font-family:var(--display);font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}
.rates tbody tr:last-child th,.rates tbody tr:last-child td{border-bottom:0}
.rates .num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.rates--dark{background:transparent;color:var(--hull)}
.ch--dark .tablewrap{background:rgba(244,242,236,.03);border-color:var(--rule-hull)}
.rates--dark th,.rates--dark td{border-bottom-color:var(--rule-hull)}
.comm-num{color:var(--accent);font-family:var(--display);font-size:1.3rem;font-weight:400}
.notes{margin-top:1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2rem;font-size:.82rem;line-height:1.55;opacity:.8}
.notes li{padding-left:1rem;position:relative}
.notes li::before{content:"";position:absolute;left:0;top:.6rem;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.notes--dark{opacity:.85}

/* commissions */
.terms{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,5vw,5rem);margin-top:3rem}
.steps{counter-reset:s;margin-top:1.2rem;border-top:1px solid var(--rule-hull)}
.steps li{counter-increment:s;display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--rule-hull);font-size:.92rem;line-height:1.6;opacity:.9}
.steps li::before{content:"0" counter(s);font-family:var(--display);color:var(--accent);font-size:.7rem;letter-spacing:.2em;padding-top:.3rem}
.steps strong{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;margin-right:.3rem}
.terms .notes{grid-template-columns:1fr;margin-top:1.2rem}

/* team */
.tm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,3rem)}
.tm{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:1.4rem;align-items:start}
.tm__photo{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 32%;border-radius:var(--radius)}
.tm__name{font-family:var(--display);font-weight:400;font-size:1.25rem;letter-spacing:.14em;text-transform:uppercase}
.tm__role{margin:.3rem 0 .8rem}
.tm__bio{font-size:.9rem;line-height:1.6;opacity:.85}
.tm__contact{display:flex;flex-direction:column;gap:.1rem;margin-top:.8rem;font-size:.9rem;font-weight:600}
.tm__contact a:hover{color:var(--accent)}

/* enquire */
.enq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.enq__lede{margin:1.2rem 0 2rem;opacity:.9;max-width:460px}
.enq__who{margin-top:1.2rem;font-size:.95rem;line-height:1.7}
.enq__who strong{font-family:var(--display);font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}
.enq__who a:hover{color:var(--accent)}
.enqform{display:grid;gap:1rem}
.enqform label{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem;font-weight:500}
.enqform input,.enqform select,.enqform textarea{font:inherit;color:var(--hull);background:rgba(244,242,236,.05);border:1px solid rgba(244,242,236,.25);border-radius:10px;padding:.8rem .9rem;outline:none}
.enqform select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--hull) 50%),linear-gradient(135deg,var(--hull) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.enqform select option{color:var(--ink)}
.enqform input:focus,.enqform select:focus,.enqform textarea:focus{border-color:var(--accent)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hp{position:absolute;left:-9999px}
.enqform .pill{margin-top:.5rem;justify-self:start}
.foot{margin-top:var(--band);border-top:1px solid var(--rule-hull);padding-top:2.5rem}
.foot__grid{display:grid;gap:1.6rem}
.foot__logo{width:min(320px,60vw);height:auto}
.foot__links{display:flex;flex-wrap:wrap;gap:.6rem 2rem;font-family:var(--display);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase}
.foot__links a:hover{color:var(--accent)}
.foot__base{font-size:.78rem;opacity:.6}

/* lightbox */
.lb{position:fixed;inset:0;z-index:60;background:rgba(10,10,10,.96);display:flex;align-items:center;justify-content:center}
.lb[hidden]{display:none}
.lb__fig{max-width:min(92vw,1500px);max-height:88vh;display:flex;flex-direction:column;gap:.6rem;align-items:center}
.lb__fig img{max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:var(--radius)}
.lb__fig figcaption{font-family:var(--display);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;opacity:.7;color:var(--hull)}
.lb button{position:absolute;background:none;border:1px solid rgba(244,242,236,.4);color:var(--hull);border-radius:999px;width:44px;height:44px;cursor:pointer;font-size:1.1rem;display:grid;place-items:center}
.lb button:hover{border-color:var(--accent);color:var(--accent)}
.lb__x{top:1rem;right:1rem}.lb__p{left:1rem;top:50%;transform:translateY(-50%)}.lb__n{right:1rem;top:50%;transform:translateY(-50%)}

/* plain pages */
.page--plain{min-height:100svh;display:grid;place-items:center}
.plain .shell{display:grid;gap:1.4rem;justify-items:start;max-width:720px}
.plain__logo{width:min(360px,70vw);height:auto;margin-bottom:1rem}

/* reveal */
[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
[data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.chart__route{animation:none}}

/* responsive */
@media (max-width:1100px){
  .facts{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(4,auto)}
  .gal{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px}
  .gal__tile:nth-child(8n+1){grid-column:span 2;grid-row:span 2}
  .gal__tile:nth-child(8n+6){grid-column:span 1}
  .toys{grid-template-columns:repeat(2,1fr)}
  .tm-grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  :root{--mast:56px}
  .mast__mid{display:none}
  .mast__wordmark{height:30px}
  .toc,.about,.ycols,.ycols--3,.grounds,.terms,.enq{grid-template-columns:1fr}
  .toc__tiles .tile:nth-child(2),.toc__tiles .tile:nth-child(4){transform:none}
  .pillars{grid-template-columns:1fr}
  .strip{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(3,auto);gap:1rem 1.6rem}
  .gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}
  .gal__tile:nth-child(8n+1){grid-column:span 2;grid-row:span 2}
  .specs{grid-template-columns:1fr}
  .notes{grid-template-columns:1fr}
  .toys{grid-template-columns:1fr}
  .tm{grid-template-columns:1fr}
  .tm__photo{max-width:260px}
  .f2{grid-template-columns:1fr}
  .yhero{height:56svh}
  .cover__logo{width:200px}
  .cover__foot{font-size:.56rem}
  .nav__panel{grid-template-columns:1fr}
}
@media (max-width:480px){
  .toc__tiles{grid-template-columns:1fr 1fr;gap:.5rem}
  .tile{aspect-ratio:4/3}
  .tile__name{font-size:1rem}
  .tile__meta{display:none}
  .accom li{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,auto)}
}

/* season bar */
.sb{margin-top:1.6rem;border-top:1px solid var(--rule-hull);padding-top:.9rem;display:grid;gap:.45rem}
.sb__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center}
.sb__p{font-family:var(--display);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;opacity:.85;line-height:1.3}
.sb__row--head .sb__p{opacity:.5}
.sb__cells{display:grid;grid-template-columns:repeat(12,16px);gap:3px}
.sb__m{font-family:var(--display);font-size:.55rem;letter-spacing:0;text-align:center;opacity:.5}
.sb__c{height:10px;border-radius:3px;background:rgba(244,242,236,.1)}
.sb__c.is-on{background:var(--accent)}
@media (max-width:480px){.sb__cells{grid-template-columns:repeat(12,13px)}}

/* R5: yacht head band, essentials, cabins, gallery filter, footer, totop */
.yhero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.yhero::after{content:none}
.yhead{background:var(--ink);color:var(--hull);padding:clamp(2rem,5vh,3.5rem) 0 clamp(2rem,5vh,3rem)}
.yhead .ch__mark{margin-bottom:1.4rem}
.yhead__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end}
.yhead__actions{margin-top:0}
.yhead .yhero__line{max-width:640px;margin-top:1rem;opacity:.9}
.ess .band__head{align-items:end}
.ess__lede{max-width:520px;opacity:.85}
.stats{display:flex;flex-wrap:wrap;gap:1.6rem 2.6rem;margin:1.4rem 0 2.4rem;padding:1.4rem 0;border-top:1px solid var(--rule-ink);border-bottom:1px solid var(--rule-ink);justify-content:flex-start}
.stat{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}
.stat__ico{width:26px;height:26px;color:var(--accent)}
.stat__v{font-family:var(--display);font-size:clamp(1.15rem,1.7vw,1.5rem);letter-spacing:.06em;font-weight:400}
.stat__k{font-family:var(--display);font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;opacity:.6}
.ycols{margin-top:.5rem}
.ypara{margin-top:0}
.incls{margin-top:2.6rem}
.incl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:clamp(1rem,2vw,1.6rem);margin-top:1rem}
.incl{border-top:2px solid var(--accent);padding-top:1rem;transition:transform .35s ease}
.incl:hover{transform:translateY(-4px)}
.incl__no{font-family:var(--display);font-size:.7rem;letter-spacing:.2em;color:var(--accent);display:block;margin-bottom:.6rem}
.incl__name{font-family:var(--display);font-weight:400;font-size:1rem;letter-spacing:.04em;line-height:1.35;margin:0}
.band__head--stack{flex-direction:column;align-items:flex-start;gap:1rem}
.gfilter{display:flex;flex-wrap:wrap;gap:.5rem}
.gfilter__btn{background:transparent;border:1px solid rgba(10,10,10,.25);color:var(--ink);border-radius:999px;padding:.5rem 1rem;font-family:var(--display);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.gfilter__btn:hover{border-color:var(--ink)}
.gfilter__btn.is-on{background:var(--ink);color:var(--hull);border-color:var(--ink)}
.gal__tile[hidden]{display:none}
.cabins{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:.4rem}
.cabin{display:block;border-radius:var(--radius);overflow:hidden;background:var(--mist);color:var(--ink);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;height:100%}
a.cabin:hover,a.cabin:focus-visible{transform:translateY(-6px);box-shadow:0 18px 40px rgba(10,10,10,.12)}
a.cabin:hover strong,a.cabin:focus-visible strong,a.cabin:hover .cabin__cta{color:var(--accent)}
.cabin__img{width:100%;aspect-ratio:3/2;object-fit:cover}
.cabin__body{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem 1.2rem;font-size:.88rem;line-height:1.5}
.cabin__body strong{font-family:var(--display);font-weight:500;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;transition:color .25s}
.cabin__cta{font-family:var(--display);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;margin-top:.4rem;opacity:.7;transition:color .25s}
.cabin--plain{padding-top:.4rem}
.ysection--toys .toys{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.6vw,2.2rem)}
.toys__group{border-top:2px solid var(--accent);padding-top:1rem}
.toys h4{border-bottom:0;padding-bottom:0}
.terms--one{display:block;max-width:860px}
.tm__social{display:flex;gap:.5rem;margin-top:.9rem}
.ichip{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.5rem .9rem;border:1px solid rgba(10,10,10,.25);font-family:var(--display);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);transition:background .25s,color .25s,transform .25s}
.ichip:hover{background:var(--ink);color:var(--hull);transform:translateY(-2px)}
.ichip svg{width:16px;height:16px}
.bio-link{display:inline-block;margin-top:1rem;font-family:var(--display);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.3em;transition:color .25s}
.bio-link:hover{color:var(--accent)}
.foot{margin-top:var(--band);padding-top:0;border-top:0}
.foot__mark{text-align:center;padding:clamp(2.5rem,6vw,4rem) var(--gutter) clamp(1.2rem,2vw,1.8rem)}
.foot__logo{height:clamp(52px,6vw,84px);width:auto;display:inline-block;opacity:.97}
.foot__motto{font-family:var(--body);font-size:.6rem;letter-spacing:.42em;text-transform:uppercase;color:rgba(244,242,236,.5);margin:1.3rem 0 0}
.foot__concierge{border-top:1px solid var(--rule-hull);border-bottom:1px solid var(--rule-hull)}
.foot__concierge-inner{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:center;padding-top:clamp(2.2rem,4.5vw,3.4rem);padding-bottom:clamp(2.2rem,4.5vw,3.4rem)}
.foot__kicker{font-family:var(--body);font-size:.58rem;letter-spacing:.34em;text-transform:uppercase;color:var(--hull);margin:0 0 .8rem}
.foot__invite{font-family:var(--display);font-weight:500;text-transform:uppercase;letter-spacing:.07em;font-size:clamp(1.1rem,2.3vw,1.65rem);line-height:1.35;margin:0}
.foot__invite em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;color:var(--accent)}
.foot__buildlink{display:inline-flex;align-items:center;gap:.6rem;margin-top:1rem;font-family:var(--display);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;transition:color .3s,transform .3s}
.foot__buildlink .tl-arrow{transition:transform .35s}
.foot__buildlink:hover{color:var(--accent);transform:translateY(-3px)}
.foot__buildlink:hover .tl-arrow{transform:translateX(5px)}
.foot__concierge-contact{text-align:right}
.foot__contact-line{display:block;font-size:1.02rem;letter-spacing:.05em;margin:0 0 .4rem;opacity:.92;font-weight:500;transition:color .3s,transform .3s}
.foot__contact-line:hover{color:var(--accent);transform:translateY(-3px)}
.foot__concierge-cta{margin-top:1.2rem;display:flex;justify-content:flex-end}
.foot__base{display:grid;gap:1rem;padding-top:1.8rem;padding-bottom:2rem}
.foot__links a{display:inline-flex;align-items:center;gap:.45rem}
.foot__fine{font-size:.74rem;opacity:.55}
.totop{position:fixed;right:clamp(.6rem,1.6vw,1.6rem);bottom:1.4rem;z-index:35;width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--accent);color:var(--ink);font-size:1.1rem;box-shadow:0 8px 24px rgba(10,10,10,.25);transition:background .25s,transform .25s}
.totop:hover{background:var(--hull);transform:translateY(-3px)}
.totop[hidden]{display:none}
.chart__country text{fill:rgba(244,242,236,.28);font-family:var(--display);font-size:11px;letter-spacing:.3em}
.chart__corner{fill:rgba(244,242,236,.4);font-family:var(--display);font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.sb__foot{font-size:.7rem;opacity:.55;margin-top:.6rem}
@media (max-width:860px){
  .mast{grid-template-columns:auto 1fr auto}
  .mast__ch{display:none}
  .mast__wordmark{height:34px}
  .mast__btn span{display:none}
  .curpick-box{padding:.42rem .65rem;gap:.3rem}
  .curpick-box__label{display:none}
  .yhead__grid{grid-template-columns:1fr}
  .ysection--toys .toys{grid-template-columns:1fr}
  .foot__concierge-contact{text-align:left}
  .foot__concierge-cta{justify-content:flex-start}
  .stats{gap:1.2rem 1.6rem}
  .yhero{height:clamp(300px,52svh,600px)}
}

@media (max-width:860px){
  .rail{display:none}
  .cover__media{position:relative;padding:calc(var(--mast) + 1rem) var(--gutter) 0;justify-content:center}
  .cover__img{max-height:40svh;object-position:50% 50%}
  .cover__inner{min-height:0;padding-top:1rem}
  .ch--cover{min-height:100svh;justify-content:flex-start}
  .cover__title{max-width:none}
  .office{gap:.6rem 1.6rem}
  .office__item{white-space:normal}
}

@media (min-width:861px){:root{--gutter:clamp(5rem,7vw,7.5rem)}.mast{padding-left:clamp(1rem,3vw,2.4rem)}}

.rail a{background:rgba(10,10,10,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:.75}
.rail a[aria-current="true"]{background:var(--accent);opacity:1}
