
:root{
  --sc-canvas:#0A0B0A; --sc-surface:#121210; --sc-ink:#F4EFE4; --sc-ink-soft:#B4B0A5;
  --sc-accent:#C9A55C; --sc-accent-ink:#0A0B0A;
  --champagne:#E6CB8B; --antique:#8F7036; --sea-ground:#0B1014; --land-ground:#100E0B;
  --sc-font-display:"Cormorant Garamond","Cormorant",Georgia,serif;
  --sc-font-text:"Manrope",system-ui,sans-serif;
  --wordmark:"Cinzel","Trajan Pro",Georgia,serif;
  --sc-shadow-color:40 20% 2%;
  --split:50;
  --r:2px;
  color-scheme:dark;
}
html,body{background:var(--sc-canvas);color:var(--sc-ink)}
body{font-family:var(--sc-font-text);font-size:var(--sc-t-base);line-height:1.66;letter-spacing:.005em;margin:0}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sc-display{font-weight:500;letter-spacing:-.01em;line-height:1}
.it{font-style:italic;color:var(--champagne)}
.label{font-family:var(--wordmark);font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--sc-accent)}

/* ---------- the axis: the only chrome ---------- */
.axis{position:fixed;inset:0 auto 0 calc(var(--split) * 1%);width:0;z-index:20;pointer-events:none;
  padding-top:env(safe-area-inset-top,0px);transition:opacity .3s var(--sc-ease-out)}
.axis__line{position:absolute;left:-.5px;top:0;bottom:0;width:1px;
  background:linear-gradient(to bottom,transparent,color-mix(in oklab,var(--sc-accent) 70%,transparent) 14%,color-mix(in oklab,var(--sc-accent) 70%,transparent) 86%,transparent)}
.axis__bead{position:absolute;left:-3px;top:0;width:7px;height:7px;border-radius:50%;background:var(--champagne);
  box-shadow:0 2px 6px hsl(40 30% 2%/.6)}
.axis__mark{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));left:0;translate:-50% 0;pointer-events:auto;display:block;
  width:58px;height:58px;padding:9px;background:var(--sc-canvas);border:1px solid color-mix(in oklab,var(--sc-accent) 45%,transparent);border-radius:50%}
.axis__mark img{width:100%;height:100%;object-fit:contain;display:block}
.axis__side{position:absolute;top:calc(40px + env(safe-area-inset-top,0px));white-space:nowrap;font-family:var(--wordmark);font-size:.7rem;letter-spacing:.34em;color:var(--sc-ink);text-shadow:0 1px 8px hsl(40 30% 2%/.8)}
.axis__side--land{right:48px}
.axis__side--sea{left:52px}
.axis__cta{position:absolute;bottom:calc(26px + env(safe-area-inset-bottom,0px));left:0;translate:-50% 0;pointer-events:auto}

/* ---------- buttons, one label everywhere ---------- */
.btn{display:inline-flex;align-items:center;gap:.7em;white-space:nowrap;text-decoration:none;
  font-family:var(--sc-font-text);font-weight:600;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;
  padding:1.05em 1.9em;border-radius:var(--r);color:var(--sc-accent-ink);background:var(--sc-accent);
  border:1px solid var(--sc-accent);box-shadow:var(--sc-e2);transition:background-color .16s var(--sc-ease-out),color .16s var(--sc-ease-out),transform .12s var(--sc-ease-out)}
.btn--ghost{background:var(--sc-canvas);color:var(--sc-ink)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{background:var(--champagne);border-color:var(--champagne);color:var(--sc-accent-ink)}
}
.btn:active{transform:translateY(1px)}
.btn:focus-visible,.axis__mark:focus-visible{outline:2px solid var(--champagne);outline-offset:4px}

/* ---------- the duo: two columns meeting on the axis ---------- */
.duo{display:grid;grid-template-columns:calc(var(--split) * 1%) 1fr}
[data-sc-stage].duo{height:100svh;overflow:hidden}
.half{position:relative;overflow:hidden;min-width:0}
.plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform}
.shade{position:absolute;inset:0;pointer-events:none}

/* hero */
.hero .half--land{background:var(--land-ground)}
.hero .half--sea{background:var(--sea-ground)}
.hero .half--land .plate{object-position:30% 50%}
.hero .half--sea .plate{object-position:58% 50%}
.shade--land{background:linear-gradient(170deg,hsl(40 20% 4%/.92) 0%,hsl(40 20% 4%/.66) 34%,transparent 62%)}
.shade--sea{background:linear-gradient(to top,hsl(205 30% 4%/.94) 0%,hsl(205 30% 4%/.72) 30%,transparent 62%)}
.atmo{position:absolute;inset:-10%;pointer-events:none;mix-blend-mode:screen;opacity:.5}
.atmo--land{background:radial-gradient(circle at 22% 70%,hsl(42 80% 60%/.16),transparent 18%),radial-gradient(circle at 70% 40%,hsl(40 80% 60%/.12),transparent 14%),radial-gradient(circle at 48% 86%,hsl(38 90% 55%/.12),transparent 20%);filter:blur(14px);animation:float 18s ease-in-out infinite alternate}
.atmo--sea{background:linear-gradient(100deg,transparent 30%,hsl(40 90% 70%/.12) 46%,transparent 60%);background-size:220% 100%;animation:glint 11s ease-in-out infinite alternate}
@keyframes float{to{transform:translate3d(3%,-4%,0)}}
@keyframes glint{from{background-position:0 0}to{background-position:100% 0}}
.hero__land{position:absolute;left:var(--sc-gutter);top:clamp(7rem,20vh,12rem);right:2rem}
.hero__sea{position:absolute;right:var(--sc-gutter);bottom:clamp(5.5rem,13vh,9rem);left:2rem;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:1.4rem}
.hero__line{font-family:var(--sc-font-display);font-weight:500;font-size:clamp(3rem,1.6rem + 5vw,6.6rem);line-height:.96;letter-spacing:-.02em;margin:0;text-wrap:balance}
.hero__sub{margin:0;max-width:30ch;color:var(--sc-ink);font-size:var(--sc-t-base);opacity:.9}

/* rooms + arrivals: flow sections on the duo */
.flowduo{position:relative}
.flowduo .col{padding:var(--sc-section) var(--sc-gutter);display:flex;flex-direction:column;gap:var(--sc-6);min-width:0}
.col--land{align-items:flex-end;padding-right:0!important}
.col--sea{align-items:flex-start;padding-left:0!important}
.frame{margin:0;overflow:hidden;border-radius:var(--r);box-shadow:var(--sc-e3)}
.frame img{display:block;width:100%;height:100%;object-fit:cover}
.rooms .frame{width:min(100%,34rem);aspect-ratio:4/5}
.rooms .col--sea{padding-top:calc(var(--sc-section) + 18vh)}
.copy{max-width:31rem;display:flex;flex-direction:column;gap:var(--sc-4);padding-inline:var(--sc-6)}
.col--land .copy{align-self:flex-start;padding-left:0}
.col--sea .copy{padding-right:0}
.copy h2{font-family:var(--sc-font-display);font-weight:500;font-size:var(--sc-t-3xl);line-height:1;letter-spacing:-.015em;margin:0;text-wrap:balance}
.copy p{margin:0;color:var(--sc-ink-soft);text-wrap:pretty}
.copy .kicker{font-family:var(--wordmark);letter-spacing:.3em;font-size:.72rem;color:var(--sc-accent);text-transform:uppercase}
.rooms{background:linear-gradient(to right,var(--land-ground) calc(var(--split) * 1%),var(--sea-ground) calc(var(--split) * 1%))}

/* standard */
.std .half--land{background:var(--land-ground)}
.std .half--sea{background:var(--sea-ground)}
.std .plate{opacity:.2;filter:saturate(.6)}
.std .half--land :is(video,.sc-stage__poster){object-position:50% 50%}
.shade--cabin{background:linear-gradient(to top,hsl(40 20% 4%/.96) 0%,hsl(40 20% 4%/.85) 45%,hsl(40 20% 4%/.35) 72%,hsl(40 20% 4%/.1) 100%);z-index:1}
.std .std__line{z-index:2}
.std .half--land .plate{object-position:40% 50%}
.std__line{position:absolute;margin:0;font-family:var(--sc-font-display);font-weight:500;font-size:var(--sc-t-2xl);line-height:1.08;letter-spacing:-.01em;text-wrap:balance;max-width:14ch}
.half--land .std__line{left:var(--sc-gutter);right:2.5rem;bottom:28vh}
.half--sea .std__line{right:var(--sc-gutter);left:2.5rem;top:30vh;margin-left:auto;text-align:right}
.std__close{font-size:var(--sc-t-3xl)!important;max-width:12ch!important}

/* arrivals */
.arrivals{background:linear-gradient(to right,var(--land-ground) calc(var(--split) * 1%),var(--sea-ground) calc(var(--split) * 1%))}
.arrivals .col--land .frame{width:min(100%,42rem);aspect-ratio:1280/675}
.arrivals .col--land .frame img{object-position:50% 50%}
.arrivals .col--sea .frame{width:min(100%,28rem);aspect-ratio:3/4}
.arrivals .col--sea{padding-top:calc(var(--sc-section) * .6)}
.arrivals .col--land{padding-top:calc(var(--sc-section) * 1.4)}
.arrivals h2{font-size:var(--sc-t-4xl)}

/* occasions */
.occ{background:var(--sc-canvas)}
.occ .col{padding:var(--sc-section) var(--sc-gutter) calc(var(--sc-section) * 1.2);min-width:0}
.occ .col--land{align-items:flex-start;padding-right:var(--sc-6)!important}
.occ .col--sea{align-items:flex-end;padding-left:var(--sc-6)!important;text-align:right}
.occ ul{list-style:none;margin:var(--sc-6) 0 0;padding:0;display:flex;flex-direction:column;gap:.15em}
.occ li{line-height:1.12}
.occ__note{margin:var(--sc-7) 0 0;max-width:30ch;color:var(--sc-ink-soft)}

/* ---------- the peak: the tip ---------- */
.peak [data-sc-stage]{height:100svh;overflow:hidden;background:var(--sc-canvas)}
.pk-panel{position:absolute;inset:0;will-change:clip-path,opacity}
.pk-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pk-land img{object-position:24% 55%}
.pk-sea img{object-position:62% 40%}
.pk-land::after,.pk-sea::after{content:"";position:absolute;inset:0;background:hsl(40 20% 4%/.25)}
.pk-photo{position:absolute;inset:0;opacity:0;will-change:opacity,transform}
.pk-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}
.pk-scrim{position:absolute;inset:0;pointer-events:none;opacity:0;
  background:linear-gradient(to bottom,hsl(20 30% 5%/.78) 0%,hsl(20 30% 5%/.35) 22%,transparent 34%),
             linear-gradient(to top,hsl(30 20% 3%/.95) 0%,hsl(30 20% 3%/.75) 20%,transparent 44%)}
.pk-line{position:absolute;left:0;top:0;height:2px;margin-top:-1px;background:var(--champagne);transform-origin:50% 50%;will-change:transform;
  box-shadow:0 1px 3px hsl(40 30% 2%/.5)}
.pk-head{position:absolute;left:var(--sc-gutter);top:clamp(4.5rem,9vh,7rem);right:var(--sc-gutter);margin:0;
  font-family:var(--sc-font-display);font-weight:500;font-size:clamp(2.2rem,1.2rem + 3.2vw,4.6rem);line-height:1;letter-spacing:-.015em;max-width:17ch;text-wrap:balance;
  text-shadow:0 2px 18px hsl(20 40% 4%/.55)}
.pk-close{position:absolute;left:var(--sc-gutter);right:var(--sc-gutter);bottom:calc(3.6rem + env(safe-area-inset-bottom,0px));
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sc-5) var(--sc-7)}
.pk-close p{margin:0;max-width:36ch;color:var(--sc-ink)}
.pk-contact{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;text-align:right}
.pk-phone{font-family:var(--sc-font-display);font-size:var(--sc-t-xl);color:var(--sc-ink);text-decoration:none;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.pk-phone small{display:block;font-family:var(--sc-font-text);font-size:.68rem;letter-spacing:.28em;color:var(--sc-accent);text-transform:uppercase}
.pk-mail{color:var(--sc-ink-soft);text-decoration-thickness:1px;text-underline-offset:4px}
.pk-foot{position:absolute;left:var(--sc-gutter);right:var(--sc-gutter);bottom:calc(1rem + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#C2BCAE}
.pk-foot .wm{font-family:var(--wordmark);letter-spacing:.3em;color:var(--sc-accent)}
.reserve-anchor{position:absolute;left:0;bottom:0;height:100vh;width:1px;pointer-events:none}

@media (prefers-reduced-motion:reduce){ .atmo{animation:none} }

/* ---------- phone: the axis lies down from the start ---------- */
@media (max-width:860px){
  :root{--split:50}
  .axis{inset:0 0 auto 0;width:auto;height:calc(60px + env(safe-area-inset-top,0px));
    background:linear-gradient(to bottom,hsl(40 20% 4%/.97) 70%,hsl(40 20% 4%/.85))}
  .axis__line{left:0;right:0;top:auto;bottom:0;width:auto;height:1px;
    background:linear-gradient(to right,transparent,color-mix(in oklab,var(--sc-accent) 70%,transparent) 10%,color-mix(in oklab,var(--sc-accent) 70%,transparent) 90%,transparent)}
  .axis__bead{top:-3px;left:0}
  .axis__mark{left:50%;top:calc(8px + env(safe-area-inset-top,0px));width:44px;height:44px;padding:6px}
  .axis__side{top:calc(24px + env(safe-area-inset-top,0px));font-size:.62rem;letter-spacing:.28em}
  .axis__side--land{right:auto;left:var(--sc-gutter)}
  .axis__side--sea{left:auto;right:var(--sc-gutter)}
  .axis__cta{display:none}
  [data-sc-stage].duo{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
  .half--land{border-bottom:1px solid color-mix(in oklab,var(--sc-accent) 60%,transparent)}
  .hero__land{top:auto;bottom:1.6rem;left:var(--sc-gutter);right:var(--sc-gutter)}
  .shade--land{background:linear-gradient(to top,hsl(40 20% 4%/.85) 0%,hsl(40 20% 4%/.4) 40%,transparent 70%)}
  .hero__sea{bottom:1.6rem;left:var(--sc-gutter);right:var(--sc-gutter);gap:1rem}
  .hero__line{font-size:clamp(2.5rem,11vw,3.4rem)}
  .hero__sub{font-size:.95rem;max-width:28ch}
  .shade--sea{background:linear-gradient(to top,hsl(205 30% 4%/.97) 0%,hsl(205 30% 4%/.86) 50%,hsl(205 30% 4%/.3) 85%)}
  .flowduo.duo{grid-template-columns:1fr}
  .rooms,.arrivals{background:none}
  .flowduo .col{padding:var(--sc-8) var(--sc-gutter)!important;align-items:stretch}
  .flowduo .col--land{background:var(--land-ground)}
  .flowduo .col--sea{background:var(--sea-ground);border-top:1px solid color-mix(in oklab,var(--sc-accent) 50%,transparent)}
  .flowduo .frame{width:100%!important}
  .copy{padding-inline:0!important;max-width:none}
  .arrivals h2{font-size:var(--sc-t-3xl)}
  .occ .col{padding:var(--sc-8) var(--sc-gutter)!important}
  .occ .col--sea{align-items:flex-end}
  .half--land .std__line{bottom:2.2rem;left:var(--sc-gutter);right:var(--sc-gutter)}
  .half--sea .std__line{top:2.2rem;left:var(--sc-gutter);right:var(--sc-gutter)}
  .std__line{font-size:var(--sc-t-xl);max-width:18ch}
  .std__close{font-size:var(--sc-t-2xl)!important}
  .pk-head{top:calc(5rem + env(safe-area-inset-top,0px));font-size:2.1rem;max-width:13ch}
  .pk-photo img{object-position:20% 50%}
  .pk-scrim{background:linear-gradient(to bottom,hsl(20 30% 5%/.7) 0%,hsl(20 30% 5%/.3) 22%,transparent 30%),
             linear-gradient(to top,hsl(30 20% 3%/.97) 0%,hsl(30 20% 3%/.88) 38%,hsl(30 20% 3%/.4) 54%,transparent 64%)}
  .pk-close{flex-direction:column;align-items:flex-start;gap:var(--sc-4);bottom:calc(4.4rem + env(safe-area-inset-bottom,0px))}
  .pk-foot{flex-direction:column;gap:.2rem}
  .pk-contact{align-items:flex-start;text-align:left}
  .pk-close p{font-size:.95rem}
  .pk-foot{font-size:.6rem;letter-spacing:.1em}
}

/* prices */
.rate{color:var(--sc-ink)!important;font-size:.9rem;letter-spacing:.02em;padding-top:var(--sc-2);border-top:1px solid color-mix(in oklab,var(--sc-accent) 35%,transparent)}
.rate b{font-family:var(--sc-font-display);font-size:1.35rem;font-weight:500;color:var(--champagne);margin-right:.3em}

/* the signature evening */
.evening{background:linear-gradient(to right,var(--land-ground) calc(var(--split) * 1%),var(--sea-ground) calc(var(--split) * 1%));
  padding-block:var(--sc-section);row-gap:var(--sc-6)}
.ev-head{grid-column:1;padding:0 var(--sc-7) 0 var(--sc-gutter);display:flex;flex-direction:column;gap:var(--sc-4);max-width:36rem}
.ev-head h2{font-family:var(--sc-font-display);font-weight:500;font-size:var(--sc-t-4xl);line-height:.95;margin:0}
.ev-head p{margin:0;color:var(--sc-ink-soft)}
.ev-head .kicker,.copy .kicker{font-family:var(--wordmark);letter-spacing:.3em;font-size:.72rem;color:var(--sc-accent);text-transform:uppercase}
.ev-line{grid-column:1 / -1;list-style:none;margin:var(--sc-7) 0 0;padding:0;display:grid;grid-template-columns:calc(var(--split) * 1%) 1fr;
  grid-template-rows:repeat(6,auto);row-gap:var(--sc-5)}
.ev{position:relative;display:flex;flex-direction:column;gap:.35rem;width:min(100%,30rem)}
.ev--land{grid-column:1;justify-self:end;text-align:right;align-items:flex-end;padding-right:var(--ev-pad)}
.ev--sea{grid-column:2;justify-self:start;padding-left:var(--ev-pad)}
.ev--r1{grid-row:1 / 3}.ev--r2{grid-row:2 / 4;margin-top:var(--sc-9)}.ev--r3{grid-row:3 / 4;align-self:center}
.ev--r4{grid-row:4 / 6}.ev--r5{grid-row:5 / 7;margin-top:var(--sc-9)}.ev--r6{grid-row:7 / 8}
.evening{--ev-pad:max(var(--sc-7),5.5rem)}
.ev-pic{margin:var(--sc-4) 0 0;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:var(--r);box-shadow:var(--sc-e3)}
.ev-pic img{display:block;width:100%;height:100%;object-fit:cover}
.ev::after{content:"";position:absolute;top:.55rem;width:11px;height:11px;border-radius:50%;background:var(--sc-canvas);border:1px solid var(--champagne)}
.ev--land::after{right:-6px}.ev--sea::after{left:-6px}
.ev time{font-family:var(--wordmark);letter-spacing:.24em;font-size:.78rem;color:var(--sc-accent);font-variant-numeric:tabular-nums}
.ev h3{margin:0;font-family:var(--sc-font-display);font-weight:500;font-size:var(--sc-t-2xl);line-height:1.05}
.ev p{margin:0;color:var(--sc-ink-soft);max-width:28ch}
.ev--quiet h3{font-size:var(--sc-t-xl)}
[data-sc-in].ev,[data-sc-in].ev-price,[data-sc-in].ev-adds{opacity:0;transform:translateY(18px);transition:opacity .7s var(--sc-ease-out),transform .7s var(--sc-ease-out)}
.sc-in.ev,.sc-in.ev-price,.sc-in.ev-adds{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){[data-sc-in].ev,[data-sc-in].ev-price,[data-sc-in].ev-adds{transform:none}}
.ev-pack{grid-column:1 / -1;display:grid;grid-template-columns:calc(var(--split) * 1%) 1fr;margin-top:var(--sc-9);
  border-top:1px solid color-mix(in oklab,var(--sc-accent) 35%,transparent);padding-top:var(--sc-8)}
.ev-price{justify-self:end;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:var(--sc-4);max-width:30rem;padding:0 var(--ev-pad) 0 var(--sc-gutter)}
.ev-adds{display:flex;flex-direction:column;gap:var(--sc-4);max-width:38rem;padding:0 var(--sc-gutter) 0 var(--ev-pad)}
.ev-pack .kicker{font-family:var(--wordmark);letter-spacing:.3em;font-size:.72rem;color:var(--sc-accent);text-transform:uppercase}
.ev-amt{margin:0;font-family:var(--sc-font-display);font-weight:500;font-size:var(--sc-t-4xl);line-height:.9;color:var(--champagne)}
.ev-amt small{display:block;font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;font-family:var(--wordmark);color:var(--sc-ink-soft);margin-bottom:.6rem;line-height:1}
.ev-price p:not(.ev-amt){margin:0;color:var(--sc-ink-soft);max-width:32ch}
.ev-price .ev-big{color:var(--sc-ink)}
.ev-adds ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ev-adds li{padding:.7rem 0 .7rem 1.6rem;position:relative;border-bottom:1px solid color-mix(in oklab,var(--sc-accent) 18%,transparent);font-family:var(--sc-font-display);font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem);line-height:1.2}
.ev-adds li::before{content:"";position:absolute;left:0;top:50%;width:.55rem;height:.55rem;rotate:45deg;translate:0 -50%;border:1px solid var(--sc-accent)}
.ev-note{margin:0;color:var(--sc-ink-soft);font-size:.9rem}
.ev-cta{display:flex;flex-wrap:wrap;gap:var(--sc-3);margin-top:var(--sc-3)}


/* trust strip */
.trust{background:var(--sc-canvas);border-block:1px solid color-mix(in oklab,var(--sc-accent) 30%,transparent);position:relative;z-index:1}
.trust ul{list-style:none;margin:0;padding:var(--sc-5) var(--sc-gutter);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sc-4);text-align:center}
.trust li{font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sc-ink-soft)}
.trust b{display:block;font-family:var(--wordmark);font-weight:500;font-size:.95rem;letter-spacing:.24em;color:var(--sc-accent);margin-bottom:.2rem}
/* spec chips */
.specs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.specs li{font-size:.74rem;letter-spacing:.08em;color:var(--sc-ink);padding:.35rem .7rem;border:1px solid color-mix(in oklab,var(--sc-accent) 35%,transparent);border-radius:999px}
/* occasions with rides */
.occ li h3{margin:0;font-family:var(--sc-font-display);font-weight:500;font-size:var(--sc-t-xl);line-height:1.1}
.occ .col--sea li h3{font-style:italic;color:var(--champagne)}
.occ li p{margin:.3rem 0 .4rem;font-family:var(--sc-font-text);font-size:var(--sc-t-base);line-height:1.55;color:var(--sc-ink-soft);max-width:36ch;font-style:normal}
.occ .col--sea li p{margin-left:auto}
.occ .ride{font-family:var(--wordmark);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--sc-accent)}
.occ li{padding:var(--sc-4) 0;border-bottom:1px solid color-mix(in oklab,var(--sc-accent) 18%,transparent)}
.quote-note,.faq__more{margin:var(--sc-5) 0 0;color:var(--sc-ink-soft);font-size:.92rem}
.faq__more a,.pk-alt a{color:var(--champagne);text-underline-offset:4px;text-decoration-thickness:1px}
.pk-alt{color:var(--sc-ink-soft)}
/* site footer */
.site-foot{background:var(--sc-canvas);border-top:1px solid color-mix(in oklab,var(--sc-accent) 30%,transparent);
  display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:var(--sc-7);padding:var(--sc-8) var(--sc-gutter) calc(var(--sc-6) + env(safe-area-inset-bottom,0px));position:relative;z-index:1}
.site-foot .wm{font-family:var(--wordmark);letter-spacing:.3em;color:var(--sc-accent);text-transform:uppercase}
.site-foot p{margin:var(--sc-3) 0 0;color:var(--sc-ink-soft);font-size:.9rem;max-width:30ch}
.site-foot ul{list-style:none;margin:var(--sc-3) 0 0;padding:0;display:flex;flex-direction:column;gap:.35rem;color:var(--sc-ink-soft);font-size:.9rem}
.site-foot a{color:var(--sc-ink);text-decoration:none}
.site-foot .sf-legal{grid-column:1 / -1;max-width:none;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:var(--sc-5);border-top:1px solid color-mix(in oklab,var(--sc-accent) 18%,transparent);font-size:.78rem}

/* booking */
.booking{background:var(--sc-surface)}
.booking .col--land{align-items:flex-start;padding-right:var(--sc-6)!important}
.booking .col--sea{padding-left:var(--sc-6)!important}
.steps{list-style:none;margin:var(--sc-4) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--sc-5);counter-reset:s}
.steps li{counter-increment:s;padding-left:3rem;position:relative;color:var(--sc-ink-soft)}
.steps li::before{content:counter(s);position:absolute;left:0;top:-.2rem;font-family:var(--sc-font-display);font-size:2rem;line-height:1;color:var(--champagne)}
.steps b{color:var(--sc-ink);font-weight:600;display:block}
.faq details{border-top:1px solid color-mix(in oklab,var(--sc-accent) 30%,transparent);padding:var(--sc-4) 0}
.faq details:last-child{border-bottom:1px solid color-mix(in oklab,var(--sc-accent) 30%,transparent)}
.faq summary{cursor:pointer;list-style:none;font-family:var(--sc-font-display);font-size:var(--sc-t-xl);line-height:1.15;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--sc-accent);transition:transform .16s var(--sc-ease-out)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:focus-visible{outline:2px solid var(--champagne);outline-offset:4px}
.faq details p{margin:var(--sc-3) 0 0;color:var(--sc-ink-soft)}

/* phone contact bar */
.mbar{display:none}
@media (max-width:860px){
  .mbar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;left:0;right:0;bottom:0;z-index:21;
    padding-bottom:env(safe-area-inset-bottom,0px);background:hsl(40 20% 4%/.94);border-top:1px solid color-mix(in oklab,var(--sc-accent) 55%,transparent);transition:opacity .3s var(--sc-ease-out)}
  .mbar a{padding:1rem 0;text-align:center;color:var(--sc-ink);text-decoration:none;font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
  .mbar a+a{border-left:1px solid color-mix(in oklab,var(--sc-accent) 25%,transparent)}
  .mbar a:active{background:var(--sc-accent);color:var(--sc-accent-ink)}
  .evening{background:var(--land-ground);padding-inline:0}
  .ev-head{padding:0 var(--sc-gutter)}
  .evening{--ev-pad:var(--sc-6)}
  .ev-line{grid-template-columns:1fr;grid-template-rows:none;margin-left:var(--sc-gutter);border-left:1px solid color-mix(in oklab,var(--sc-accent) 60%,transparent);row-gap:var(--sc-7)}
  .ev--land,.ev--sea{grid-column:1;grid-row:auto;margin-top:0;justify-self:start;align-self:auto;text-align:left;align-items:flex-start;padding:0 var(--sc-gutter) 0 var(--sc-6);width:100%}
  .ev--land::after,.ev--sea::after{left:-6px;right:auto}
  .ev-pack{grid-template-columns:1fr;margin-top:var(--sc-8);row-gap:var(--sc-7);padding-top:var(--sc-7)}
  .ev-price{justify-self:start;text-align:left;align-items:flex-start;padding:0 var(--sc-gutter)}
  .ev-adds{padding:0 var(--sc-gutter)}
  .trust ul{grid-template-columns:1fr 1fr;row-gap:var(--sc-5);padding-block:var(--sc-6)}
  .site-foot{grid-template-columns:1fr 1fr;gap:var(--sc-6);padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px))}
  .site-foot .sf-brand{grid-column:1 / -1}
  .site-foot .sf-legal{flex-direction:column;gap:.4rem}
  .booking .col{padding-inline:var(--sc-gutter)!important}
  .hero__sea{bottom:4.6rem}
}
.rate a,.occ__note a{color:var(--sc-accent);text-decoration:underline;text-underline-offset:3px}
