/* ==========================================================================
   TURTLE NEST BUNGALOW — design system
   Tropical-upscale, full-bleed (ogroup format). No italics anywhere.
   Palette ties to the property: pool lagoon, palm green, sand, coral sunset.
   ========================================================================== */

:root{
  /* palette */
  --sand:      #FBF7EF;   /* page base */
  --sand-2:    #F3EDE1;   /* alt band */
  --shell:     #FFFFFF;
  --ink:       #15222E;   /* deep ocean-ink text */
  --ink-soft:  #47555F;
  --line:      #E4DCCB;

  /* Palette re-pulled from the real Turtle Nest logo: coral shell, ocean-blue
     fins, purple shell-outline. Token NAMES kept (--palm etc.) so the area map
     and every component inherit automatically — only the VALUES changed. */
  --palm:      #12678F;   /* deep OCEAN BLUE (logo fins) — was emerald */
  --palm-deep: #0C4763;   /* deeper ocean */
  --lagoon:    #12A6A0;   /* pool turquoise (accent, shared w/ area map) */
  --lagoon-lt: #37C6BE;
  --coral:     #F0623A;   /* sunset citrus / logo shell (CTA / eyebrow) */
  --coral-deep:#D64E2A;
  --grape:     #8A3CA0;   /* logo shell-outline purple — rare secondary accent */
  --grape-deep:#6E2E82;
  --night:     #08131C;   /* hero overlay ink (ocean-black) */

  /* layout law */
  --gutter:  clamp(18px, 3vw, 56px);
  --readw:   720px;
  --railw:   340px;
  --railgap: clamp(28px, 4vw, 76px);

  /* type */
  --display: "Gloock", Georgia, "Times New Roman", serif;
  --sans:    "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;

  --nav-h: 76px;
  --ease: cubic-bezier(.22,.61,.36,1);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--sand); color:var(--ink);
  font-family:var(--sans); font-size:clamp(16px,1.05vw,18px); line-height:1.65;
  font-weight:420; letter-spacing:.005em; overflow-x:hidden; font-synthesis:none;
  text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased;
}
img{ display:block; max-width:100%; height:auto; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ font-family:var(--display); font-weight:400; line-height:1.06;
  letter-spacing:-.012em; margin:0; font-optical-sizing:auto; }
h1{ font-size:clamp(2.7rem,7vw,6.2rem); }
h2{ font-size:clamp(2rem,4.4vw,3.7rem); }
h3{ font-size:clamp(1.3rem,2vw,1.9rem); }
p{ margin:0 0 1.1em; }
::selection{ background:var(--lagoon); color:#fff; }

/* ---- layout primitives (ogroup / layout-baseline) ---- */
.wrap{ width:100%; padding-inline:var(--gutter); }
.bleed{ width:100vw; margin-inline:calc(50% - 50vw); }
.read{ max-width:var(--readw); }
.section{ padding-block:clamp(64px,9vw,140px); }
.section--tight{ padding-block:clamp(44px,6vw,88px); }
.band-sand2{ background:var(--sand-2); }
.band-palm{ background:var(--palm-deep); color:#EAF3EE; }
.band-ink{ background:var(--night); color:#EAF3EE; }
.band-palm h2,.band-ink h2{ color:#fff; }

/* eyebrow / kicker */
.eyebrow{ font-family:var(--sans); font-weight:700; font-size:.74rem;
  letter-spacing:.24em; text-transform:uppercase; color:var(--coral);
  display:inline-flex; align-items:center; gap:.6em; margin:0 0 1.1rem; }
.eyebrow::before{ content:""; width:26px; height:2px; background:var(--coral); }
.band-palm .eyebrow,.band-ink .eyebrow{ color:var(--lagoon-lt); }
.band-palm .eyebrow::before,.band-ink .eyebrow::before{ background:var(--lagoon-lt); }

.lead{ font-size:clamp(1.15rem,1.7vw,1.5rem); line-height:1.55; color:var(--ink-soft);
  font-weight:440; }
.band-palm .lead,.band-ink .lead{ color:#CBDdd5; }

/* buttons */
.btn{ display:inline-flex; align-items:center; gap:.6em; font-family:var(--sans);
  font-weight:700; font-size:.98rem; letter-spacing:.01em; padding:.95em 1.7em;
  border-radius:999px; cursor:pointer; border:2px solid transparent;
  transition:transform .35s var(--ease), background .3s, color .3s, box-shadow .3s;
  will-change:transform; }
.btn:hover{ transform:translateY(-3px); }
.btn--primary{ background:var(--coral); color:#fff; box-shadow:0 10px 30px -12px rgba(240,98,58,.7); }
.btn--primary:hover{ background:var(--coral-deep); box-shadow:0 16px 40px -12px rgba(240,98,58,.8); }
.btn--lagoon{ background:var(--lagoon); color:#fff; box-shadow:0 10px 30px -12px rgba(18,166,160,.7); }
.btn--lagoon:hover{ background:#0F918C; }
.btn--ghost{ border-color:currentColor; color:var(--ink); }
.btn--ghost:hover{ background:var(--ink); color:#fff; border-color:var(--ink); }
.band-palm .btn--ghost,.band-ink .btn--ghost{ color:#fff; }
.band-palm .btn--ghost:hover,.band-ink .btn--ghost:hover{ background:#fff; color:var(--palm-deep); }

/* ---- top nav ---- */
.nav{ position:fixed; inset:0 0 auto 0; height:var(--nav-h); z-index:60;
  display:flex; align-items:center; justify-content:space-between;
  padding-inline:var(--gutter); transition:background .4s, box-shadow .4s;
  color:#fff; }
.nav{ transition:background .4s, box-shadow .4s, transform .5s var(--ease); mix-blend-mode:normal; }
.nav.solid{ background:rgba(7,20,16,.92); backdrop-filter:blur(10px);
  box-shadow:0 1px 0 rgba(255,255,255,.08); }
.nav.hide{ transform:translateY(-100%); }
.nav__brand{ display:flex; align-items:center; }
.nav__logo{ height:clamp(42px,5.2vw,56px); width:auto;
  filter:drop-shadow(0 2px 10px rgba(0,0,0,.35)); transition:transform .4s var(--ease); }
.nav__brand:hover .nav__logo{ transform:translateY(-1px); }
.nav__links{ display:flex; align-items:center; gap:clamp(14px,1.6vw,30px); }
.nav__links a{ font-size:.92rem; font-weight:600; letter-spacing:.01em; color:#EAF3EE;
  position:relative; padding-block:6px; }
.nav__links a::after{ content:""; position:absolute; left:0; bottom:0; height:2px; width:0;
  background:var(--lagoon-lt); transition:width .3s var(--ease); }
.nav__links a:hover::after{ width:100%; }
.nav__links .btn{ padding:.6em 1.25em; font-size:.86rem; }
.nav__burger{ display:none; background:none; border:0; cursor:pointer; padding:8px;
  flex-direction:column; gap:5px; }
.nav__burger span{ width:26px; height:2px; background:#fff; transition:.3s; }

/* mobile drawer */
.drawer{ position:fixed; inset:0; z-index:70; background:var(--night);
  display:flex; flex-direction:column; justify-content:center; gap:6px;
  padding:var(--gutter); transform:translateX(100%); transition:transform .45s var(--ease); }
.drawer.open{ transform:none; }
.drawer a{ font-family:var(--display); font-size:2rem; color:#fff; padding:.35em 0;
  border-bottom:1px solid rgba(255,255,255,.1); }
.drawer .btn{ margin-top:20px; align-self:flex-start; font-size:1.1rem; }
.drawer__close{ position:absolute; top:24px; right:var(--gutter); background:none; border:0;
  color:#fff; font-size:2.2rem; cursor:pointer; line-height:1; }

/* ---- hero ---- */
.hero{ position:relative; min-height:100svh; display:flex; align-items:flex-end;
  color:#fff; overflow:hidden; }
.hero__bg{ position:absolute; inset:0; z-index:0; }
.hero__bg img{ width:100%; height:100%; object-fit:cover; transform:scale(1.08);
  will-change:transform; }
.hero::after{ content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg, rgba(7,20,16,.35) 0%, rgba(7,20,16,.05) 38%, rgba(7,20,16,.78) 100%); }
.hero__inner{ position:relative; z-index:2; width:100%; padding:var(--gutter);
  padding-bottom:clamp(40px,7vw,96px); }
.hero__eyebrow{ color:var(--lagoon-lt); }
.hero h1{ max-width:min(16ch,100%); overflow-wrap:break-word; text-shadow:0 2px 40px rgba(0,0,0,.35); }
.hero__sub{ margin-top:1.1rem; max-width:min(46ch,100%); font-size:clamp(1.05rem,1.5vw,1.35rem);
  color:#EAF3EE; font-weight:440; }
.hero__eyebrow{ text-shadow:0 1px 12px rgba(0,0,0,.5); }
.hero__cta{ margin-top:2rem; display:flex; flex-wrap:wrap; gap:14px; }
.hero__facts{ display:flex; flex-wrap:wrap; gap:clamp(20px,3vw,52px); margin-top:2.6rem;
  border-top:1px solid rgba(255,255,255,.22); padding-top:1.5rem; }
.hero__facts b{ font-family:var(--display); font-size:clamp(1.5rem,2.4vw,2.2rem);
  font-weight:600; display:block; line-height:1; }
.hero__facts span{ font-size:.8rem; letter-spacing:.14em; text-transform:uppercase;
  color:#BcccC4; color:#B9CcC4; }

/* ---- intro / two-col text+media ---- */
.split{ display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(28px,5vw,90px);
  align-items:center; padding-inline:var(--gutter); }
.split--reverse .split__media{ order:-1; }
.split__media img{ width:100%; height:100%; object-fit:cover; border-radius:6px; }
.split__media.tall img{ aspect-ratio:4/5; }
.split__media.wide img{ aspect-ratio:5/4; }

/* stat row */
.stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line);
  border-block:1px solid var(--line); }
.stats .stat{ background:var(--sand); padding:clamp(28px,4vw,52px) var(--gutter); }
.stats .stat b{ font-family:var(--display); font-size:clamp(2.2rem,4vw,3.4rem); font-weight:600;
  color:var(--palm); display:block; line-height:1; }
.stats .stat span{ display:block; margin-top:.5rem; font-size:.82rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--ink-soft); }

/* ---- feature rows (alternating) ---- */
.feature{ display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }
.feature__media{ min-height:clamp(320px,44vw,640px); position:relative; overflow:hidden; }
.feature__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.feature__body{ display:flex; flex-direction:column; justify-content:center;
  padding:clamp(40px,6vw,96px) var(--gutter); }
.feature--rev .feature__media{ order:2; }

/* ---- gallery grid (masonry-ish) ---- */
.ggrid{ columns: 4 240px; column-gap:10px; padding-inline:var(--gutter); }
.ggrid figure{ margin:0 0 10px; break-inside:avoid; cursor:pointer; overflow:hidden;
  border-radius:4px; position:relative; }
.ggrid img{ width:100%; transition:transform .6s var(--ease); background:var(--sand-2); }
.ggrid figure:hover img{ transform:scale(1.05); }
.gstrip{ display:grid; grid-auto-flow:column; grid-auto-columns:min(78vw,420px);
  gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; padding:0 var(--gutter) 8px;
  scrollbar-width:thin; }
.gstrip figure{ margin:0; scroll-snap-align:start; overflow:hidden; border-radius:6px; cursor:pointer; }
.gstrip img{ width:100%; height:clamp(300px,40vw,460px); object-fit:cover;
  transition:transform .6s var(--ease); }
.gstrip figure:hover img{ transform:scale(1.05); }

/* ---- amenities columns ---- */
.amen{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(24px,3vw,56px);
  padding-inline:var(--gutter); }
.amen__col h3{ font-size:1.15rem; padding-bottom:.7rem; margin-bottom:1rem;
  border-bottom:2px solid var(--lagoon); display:inline-block; }
.amen__col ul{ list-style:none; margin:0; padding:0; }
.amen__col li{ padding:.42em 0 .42em 1.5em; position:relative; border-bottom:1px solid var(--line);
  font-size:.98rem; }
.amen__col li::before{ content:""; position:absolute; left:0; top:.95em; width:9px; height:9px;
  border-radius:50%; background:var(--coral); }

/* ---- info cards (fill-dead-space branded boxes) ---- */
.cards{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:clamp(16px,2vw,28px); padding-inline:var(--gutter); }
.card{ background:var(--shell); border:1px solid var(--line); border-radius:12px;
  padding:clamp(24px,2.5vw,38px); box-shadow:0 20px 40px -32px rgba(16,36,28,.4);
  transition:transform .4s var(--ease), box-shadow .4s; color:var(--ink); }
/* the card is always on a light surface; pin its heading dark so it never inherits
   the light text colour of a dark band (e.g. .band-palm made .card h3 near-white
   on the white card = invisible). */
.card h3{ color:var(--ink); }
.card:hover{ transform:translateY(-5px); box-shadow:0 30px 50px -30px rgba(16,36,28,.45); }
.card .k{ font-size:.74rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--lagoon); font-weight:700; }
.card h3{ margin:.5rem 0 .5rem; font-size:1.3rem; }
.card p{ font-size:.97rem; color:var(--ink-soft); margin:0; }

/* pull / mural feature */
.mural{ position:relative; color:#fff; text-align:center; overflow:hidden; }
.mural img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.mural::after{ content:""; position:absolute; inset:0; background:rgba(7,20,16,.5); z-index:1; }
.mural__inner{ position:relative; z-index:2; padding:clamp(80px,14vw,220px) var(--gutter);
  max-width:900px; margin-inline:auto; }
.mural h2{ color:#fff; text-shadow:0 2px 30px rgba(0,0,0,.5); }
/* the mural lead sits over a photo — force light text (was inheriting dark --ink-soft
   from .lead, which read as near-illegible grey over the image). */
.mural .lead{ color:#EAF3EE; text-shadow:0 1px 18px rgba(0,0,0,.55); }

/* ---- area guide list ---- */
.area{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:clamp(18px,2vw,32px); padding-inline:var(--gutter); }
.area__item{ padding:1.4rem 0; border-top:2px solid var(--ink); }
.area__item .d{ font-size:.76rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--coral); font-weight:700; }
.area__item h3{ font-size:1.35rem; margin:.35rem 0 .4rem; }
.area__item p{ font-size:.95rem; color:var(--ink-soft); margin:0; }

/* ---- reviews ---- */
.reviews{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2vw,30px);
  padding-inline:var(--gutter); }
.review{ background:var(--sand); border-radius:12px; padding:clamp(26px,2.6vw,40px);
  border:1px solid var(--line); }
.band-palm .review{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); color:#EAF3EE; }
.review .stars{ color:var(--coral); letter-spacing:.15em; font-size:1.05rem; margin-bottom:.8rem; }
.band-palm .review .stars{ color:var(--lagoon-lt); }
.review p{ font-family:var(--display); font-size:1.2rem; line-height:1.4; font-weight:420;
  margin:0 0 1.2rem; }
.review .who{ font-size:.85rem; font-weight:700; letter-spacing:.04em; }
.review .who span{ display:block; font-weight:500; color:var(--ink-soft); letter-spacing:.1em;
  text-transform:uppercase; font-size:.72rem; margin-top:.2rem; }
.band-palm .review .who span{ color:#B9CcC4; }

/* ---- big CTA ---- */
.cta{ position:relative; color:#fff; text-align:center; overflow:hidden; }
.cta img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.cta::after{ content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(120deg, rgba(12,71,99,.84), rgba(8,19,28,.72)); }
.cta__inner{ position:relative; z-index:2; padding:clamp(80px,13vw,190px) var(--gutter); }
.cta h2{ color:#fff; max-width:18ch; margin-inline:auto; }
.cta .lead{ color:#DDEAE4; max-width:52ch; margin:1.2rem auto 2rem; }

/* ---- footer + credit band ---- */
.foot{ background:var(--night); color:#B9CcC4; padding:clamp(60px,7vw,100px) var(--gutter) 0;
  position:relative; overflow:hidden; }
.foot__wm{ position:absolute; right:-2%; bottom:-4%; width:min(700px,58%); height:auto;
  opacity:.16; pointer-events:none; user-select:none; z-index:0; }
.foot__grid, .cavband, .foot__legal{ position:relative; z-index:1; }
@media(max-width:700px){ .foot__wm{ width:84%; right:-8%; bottom:auto; top:1.5%; opacity:.16; } }
.foot__grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr 1.3fr; gap:clamp(28px,4vw,60px);
  padding-bottom:56px; border-bottom:1px solid rgba(255,255,255,.1); }
.foot h4{ color:#fff; font-family:var(--sans); font-size:.8rem; letter-spacing:.16em;
  text-transform:uppercase; margin:0 0 1.1rem; font-weight:700; }
.foot__brand .name{ font-family:var(--display); font-size:1.7rem; color:#fff; margin-bottom:.6rem; }
.foot a{ color:#B9CcC4; display:block; padding:.28em 0; font-size:.94rem; }
.foot a:hover{ color:var(--lagoon-lt); }
.foot__legal{ display:flex; flex-wrap:wrap; gap:16px; justify-content:space-between;
  padding:26px 0; font-size:.82rem; color:#7f938b; }
.foot__legal a{ display:inline; color:#7f938b; }

/* Cavmir credit band */
.credit{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 26px;
  padding:26px 0 40px; border-top:1px solid rgba(255,255,255,.08); }
.credit .lbl{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:#7f938b; }
.credit img{ height:24px; width:auto; opacity:.95; }
.credit a{ display:inline-flex; align-items:center; gap:10px; color:#cfe0d9; font-size:.9rem;
  font-weight:600; }
.credit a:hover img{ opacity:1; }
.credit .tag{ color:#7f938b; font-size:.86rem; }
.credit .tag:hover{ color:var(--lagoon-lt); }

/* ---- Cavmir credit band (portfolio standard: real wordmark, never retyped) ---- */
.cavband{ display:flex; align-items:center; justify-content:center; gap:18px 26px; flex-wrap:wrap;
  margin:clamp(2rem,4vw,3.4rem) 0 1.2rem; padding:22px clamp(16px,2vw,32px);
  border:1px solid rgba(255,255,255,.12); border-radius:6px; color:#B9CcC4;
  transition:border-color .4s var(--ease), background .4s var(--ease); }
.cavband:hover{ border-color:var(--lagoon-lt); background:rgba(55,198,190,.06); }
.cavband__k{ font-family:var(--sans); font-weight:600; font-size:.7rem; letter-spacing:.26em;
  text-transform:uppercase; color:var(--lagoon-lt); }
.cavband__mk{ width:clamp(130px,14vw,190px); height:auto; display:block; opacity:.96; }
.cavband__t{ font-size:.86rem; letter-spacing:.02em; color:#B9CcC4; }
.cavband .arr{ display:inline-block; transition:transform .4s var(--ease); }
.cavband:hover .arr{ transform:translateX(4px); }
@media(max-width:600px){ .cavband{ flex-direction:column; gap:12px; text-align:center; } }

/* ---- forms ---- */
.form{ display:grid; gap:18px; max-width:560px; }
.form label{ font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink-soft); display:block; margin-bottom:.5rem; }
.form input,.form textarea,.form select{ width:100%; padding:.9em 1em; font:inherit;
  border:1.5px solid var(--line); border-radius:10px; background:#fff; color:var(--ink); }
.form input:focus,.form textarea:focus{ outline:none; border-color:var(--lagoon);
  box-shadow:0 0 0 4px rgba(18,166,160,.15); }
.form .row2{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form .check{ display:flex; gap:12px; align-items:flex-start; font-size:.85rem; color:var(--ink-soft); }
.form .check input{ width:auto; margin-top:3px; }
.form__note{ font-size:.82rem; color:var(--ink-soft); }

/* ---- article / long-form ---- */
.article-hero{ position:relative; min-height:64svh; display:flex; align-items:flex-end;
  color:#fff; overflow:hidden; }
.article-hero img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.article-hero::after{ content:""; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg,rgba(7,20,16,.15),rgba(7,20,16,.8)); }
.article-hero__in{ position:relative; z-index:2; padding:var(--gutter);
  padding-bottom:clamp(36px,5vw,72px); max-width:1100px; }
.article-hero .meta{ font-size:.8rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--lagoon-lt); font-weight:700; margin-bottom:1rem; }
.prose{ max-width:var(--readw); }
.prose p,.prose li{ font-size:1.08rem; line-height:1.75; color:#2a3a33; }
.prose h2{ margin:2.2rem 0 .8rem; font-size:clamp(1.6rem,2.6vw,2.4rem); }
.prose h3{ margin:1.8rem 0 .6rem; }
.prose img{ border-radius:8px; margin:1.6rem 0; }
.prose a{ color:var(--palm); font-weight:600; box-shadow:inset 0 -2px 0 var(--lagoon-lt); }
.editorial{ display:grid; grid-template-columns:minmax(0,var(--readw)) 1fr; gap:var(--railgap);
  align-items:start; padding-inline:var(--gutter); }
.editorial > .rail{ position:sticky; top:104px; }
.rail__box{ background:var(--sand-2); border:1px solid var(--line); border-radius:12px;
  padding:clamp(22px,2vw,30px); }
.rail__box h4{ font-family:var(--display); font-size:1.2rem; margin:0 0 .8rem; }
.rail__box ul{ list-style:none; margin:0; padding:0; font-size:.95rem; }
.rail__box li{ padding:.4em 0; border-bottom:1px solid var(--line); color:var(--ink-soft); }
.rail__box .btn{ margin-top:1rem; }

/* journal cards */
.jgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:clamp(20px,2.5vw,40px); padding-inline:var(--gutter); }
.jcard{ display:flex; flex-direction:column; overflow:hidden; border-radius:10px;
  background:#fff; border:1px solid var(--line); transition:transform .4s var(--ease), box-shadow .4s; }
.jcard:hover{ transform:translateY(-6px); box-shadow:0 30px 50px -30px rgba(16,36,28,.4); }
.jcard__img{ aspect-ratio:16/10; overflow:hidden; }
.jcard__img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.jcard:hover .jcard__img img{ transform:scale(1.06); }
.jcard__b{ padding:24px clamp(22px,2vw,30px) 30px; display:flex; flex-direction:column; flex:1; }
.jcard .cat{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--coral);
  font-weight:700; }
.jcard h3{ font-size:1.35rem; margin:.5rem 0 .6rem; }
.jcard p{ font-size:.94rem; color:var(--ink-soft); margin:0 0 1rem; flex:1; }
.jcard .rd{ font-size:.85rem; font-weight:700; color:var(--palm); }

/* ==========================================================================
   OCCASIONS COLLECTION (.occ) — the Groups hub grid.
   Immersive, image-forward editorial tiles: a full-bleed photo, a bottom
   gradient scrim, overlaid copy, an editorial index number, and a hover
   reveal. An asymmetric bento (one big feature tile + varied sizes) gives
   the set magazine rhythm; it tiles perfectly for 8 items and collapses to
   a clean 2-up on tablet and 1-up on mobile. Distinct from .jcard so the
   blog grid is untouched.
   ========================================================================== */
.occ-intro{ display:flex; align-items:flex-end; justify-content:space-between;
  gap:24px 48px; flex-wrap:wrap; margin-bottom:clamp(24px,3vw,44px); }
.occ-intro h2{ max-width:18ch; margin-top:.4rem; }
.occ-intro p{ max-width:46ch; color:var(--ink-soft); margin:0; font-size:1.02rem; }

.occgrid{ display:grid; grid-template-columns:repeat(6,1fr);
  grid-auto-rows:clamp(215px,24vw,280px); gap:clamp(12px,1.4vw,20px);
  padding-inline:var(--gutter); }

.occ{ position:relative; overflow:hidden; border-radius:16px; color:#fff;
  display:flex; flex-direction:column; justify-content:flex-end; isolation:isolate;
  grid-column:span 2; background:var(--palm-deep);
  box-shadow:0 24px 46px -32px rgba(8,19,28,.7);
  transition:transform .55s var(--ease), box-shadow .55s var(--ease); }
.occ::before{ content:""; position:absolute; inset:0; z-index:3; pointer-events:none;
  border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
/* the feature tile — big, top-left */
.occ:nth-child(1){ grid-column:span 4; grid-row:span 2; }
/* two wide tiles for mid-grid rhythm */
.occ:nth-child(4),.occ:nth-child(5){ grid-column:span 3; }

.occ__media{ position:absolute; inset:0; z-index:0; }
.occ__media img{ width:100%; height:100%; object-fit:cover; transform:scale(1.03);
  transition:transform .95s var(--ease); }
/* light overall tint for cohesion — lets the photography breathe; the text is
   protected by the body's own gradient below, not by darkening the whole tile */
.occ::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(to top,
    rgba(6,17,25,.34) 0%, rgba(6,17,25,.06) 46%, rgba(6,17,25,.14) 100%);
  transition:opacity .5s var(--ease); }
.occ:hover::after,.occ:focus-visible::after{ opacity:.86; }
.occ:hover,.occ:focus-visible{ transform:translateY(-5px);
  box-shadow:0 40px 66px -30px rgba(8,19,28,.78); outline:none; }
.occ:hover .occ__media img,.occ:focus-visible .occ__media img{ transform:scale(1.09); }

.occ__n{ position:absolute; top:16px; right:22px; z-index:2; font-family:var(--display);
  font-size:1.2rem; color:rgba(255,255,255,.82);
  text-shadow:0 2px 10px rgba(0,0,0,.75), 0 0 3px rgba(0,0,0,.55); }

.occ__body{ position:relative; z-index:2; width:100%; padding:clamp(38px,5vw,74px) clamp(20px,2vw,32px) clamp(20px,2vw,30px);
  background:linear-gradient(to top,
    rgba(4,14,21,.95) 0%, rgba(4,14,21,.84) 40%, rgba(4,14,21,.5) 74%, rgba(4,14,21,0) 100%); }
.occ__cat{ font-family:var(--sans); font-weight:800; font-size:.66rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--lagoon-lt); display:inline-flex; align-items:center;
  gap:.55em; margin-bottom:.7rem; }
.occ__cat::before{ content:""; width:20px; height:2px; background:var(--coral); }
.occ__t{ font-family:var(--display); font-weight:400; line-height:1.04; color:#fff;
  font-size:clamp(1.32rem,1.8vw,1.7rem); text-shadow:0 2px 26px rgba(0,0,0,.45); }
.occ__t::after{ content:""; display:block; width:0; height:2px; margin-top:.5rem;
  background:var(--coral); transition:width .55s var(--ease); }
.occ:hover .occ__t::after,.occ:focus-visible .occ__t::after{ width:56px; }
.occ:nth-child(1) .occ__t{ font-size:clamp(1.9rem,3vw,2.9rem); }
.occ__d{ font-family:var(--sans); font-size:.92rem; line-height:1.55; color:#E4EEF2;
  max-width:46ch; margin:.7rem 0 0; display:-webkit-box; -webkit-box-orient:vertical;
  -webkit-line-clamp:3; line-clamp:3; overflow:hidden; }
.occ:nth-child(1) .occ__d{ -webkit-line-clamp:4; line-clamp:4; margin-top:.8rem; }
.occ__go{ display:inline-flex; align-items:center; gap:.5em; margin-top:1rem;
  font-family:var(--sans); font-weight:700; font-size:.82rem; letter-spacing:.02em; color:#fff; }
.occ__go .arr{ display:inline-block; transition:transform .4s var(--ease); }
.occ:hover .occ__go .arr,.occ:focus-visible .occ__go .arr{ transform:translateX(6px); }

@media (max-width:1080px){
  .occgrid{ grid-template-columns:repeat(2,1fr); grid-auto-rows:clamp(240px,40vw,300px); }
  .occ,.occ:nth-child(1),.occ:nth-child(4),.occ:nth-child(5){ grid-column:auto; grid-row:auto; }
  .occ:nth-child(1) .occ__t{ font-size:clamp(1.5rem,3.4vw,2rem); }
}
@media (max-width:640px){
  .occgrid{ grid-template-columns:1fr; grid-auto-rows:clamp(260px,74vw,360px); }
}

/* scroll reveal — hidden state is ARMED by JS only (html.reveal-arm), so no-JS
   users and crawlers always see the content (never a blank page below the hero). */
.reveal{ transition:opacity .5s var(--ease), transform .5s var(--ease); }
html.reveal-arm .reveal{ opacity:0; transform:translateY(14px); }
html.reveal-arm .reveal.in{ opacity:1; transform:none; }

/* page intro (non-home headers) */
.phead{ padding:calc(var(--nav-h) + clamp(50px,7vw,110px)) var(--gutter) clamp(40px,5vw,80px);
  background:var(--palm-deep); color:#fff; }
.phead h1{ font-size:clamp(2.4rem,6vw,5rem); max-width:18ch; }
.phead .lead{ color:#CBDdd5; max-width:56ch; margin-top:1rem; }
.phead .eyebrow{ color:var(--lagoon-lt); }
.phead .eyebrow::before{ background:var(--lagoon-lt); }

/* lightbox */
.lb{ position:fixed; inset:0; z-index:90; background:rgba(5,12,9,.94); display:none;
  align-items:center; justify-content:center; }
.lb.open{ display:flex; }
.lb img{ max-width:92vw; max-height:86vh; object-fit:contain; border-radius:4px; }
.lb__x,.lb__nav{ position:absolute; background:rgba(255,255,255,.1); border:0; color:#fff;
  cursor:pointer; width:52px; height:52px; border-radius:50%; font-size:1.4rem; display:grid;
  place-items:center; transition:background .3s; }
.lb__x:hover,.lb__nav:hover{ background:rgba(255,255,255,.24); }
.lb__x{ top:22px; right:22px; }
.lb__nav.prev{ left:20px; top:50%; transform:translateY(-50%); }
.lb__nav.next{ right:20px; top:50%; transform:translateY(-50%); }
.lb__count{ position:absolute; bottom:24px; left:50%; transform:translateX(-50%); color:#fff;
  font-size:.85rem; letter-spacing:.1em; }

/* ---- responsive ---- */
@media (max-width:1080px){
  .split,.feature{ grid-template-columns:1fr; }
  .feature--rev .feature__media,.split--reverse .split__media{ order:0; }
  .feature__media{ min-height:56vw; }
  .stats{ grid-template-columns:repeat(2,1fr); }
  .amen{ grid-template-columns:1fr 1fr; }
  .reviews{ grid-template-columns:1fr; }
  .editorial{ grid-template-columns:1fr; }
  .editorial > .rail{ position:static; max-width:560px; }
  .ggrid{ columns:3 200px; }
  .foot__grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:640px){
  .nav__links{ display:none; }
  .nav__burger{ display:flex; }
  .stats,.amen{ grid-template-columns:1fr; }
  .ggrid{ columns:2 140px; }
  .hero__facts{ gap:22px; }
  .foot__grid{ grid-template-columns:1fr; }
  h1{ font-size:clamp(2.2rem,8.4vw,3rem); }
  .hero h1{ font-size:clamp(2.2rem,8.6vw,3rem); }
  .hero__inner{ padding-bottom:36px; }
  /* stack paired form fields — side-by-side inputs are too cramped to read/tap on a phone */
  .form .row2{ grid-template-columns:1fr; }
}

/* MOTION-FIRST: Calm state (explicit user choice or no-JS) — NOT keyed to the OS
   reduce-motion setting, because Dan runs that ON and a naive gate froze the page.
   Everything animated is active by default (html.m-full, set pre-paint by the boot). */
html:not(.m-full) .reveal{ opacity:1 !important; transform:none !important; transition:none; }
html:not(.m-full) .hero__layer,
html:not(.m-full) .hero__title{ transform:none !important; }
html:not(.m-full) .dh-rise{ animation:none !important; transform:none !important; }
@media (prefers-reduced-motion:reduce){
  html:not(.m-full) *{ scroll-behavior:auto !important; }
}

/* ==========================================================================
   MOTION KIT — depth hero, overlay menu, chapters, marquee (added on relaunch)
   ========================================================================== */

/* ---- depth-parallax hero ---- */
.hero--depth{ min-height:100svh; }
.hero--depth .hero__layer{ position:absolute; inset:-6% 0; height:112%; z-index:0;
  will-change:transform; }
.hero--depth .hero__layer img{ width:100%; height:100%; object-fit:cover; }
.hero--depth .hero__layer video,
.hero--depth .hero__video{ width:100%; height:100%; object-fit:cover; display:block; }
.hero--depth .hero__scrim{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    radial-gradient(120% 90% at 20% 12%, rgba(7,20,16,.14), transparent 46%),
    linear-gradient(180deg, rgba(7,20,16,.42) 0%, rgba(7,20,16,.06) 34%, rgba(7,20,16,.14) 58%, rgba(7,20,16,.86) 100%); }
.hero--depth .hero__inner{ position:relative; z-index:2; }
.hero--depth .hero__title{ will-change:transform; }
.hero--depth .hero h1,.hero--depth h1{ letter-spacing:-.028em; }
/* headline scale — extreme, editorial */
.hero--depth h1{ font-size:clamp(2.9rem,8.4vw,7.4rem); line-height:.98; font-weight:600;
  text-shadow:0 4px 60px rgba(0,0,0,.4); }
.hero__mono{ display:flex; align-items:center; gap:14px; margin-bottom:1.4rem;
  font-family:var(--sans); font-weight:700; font-size:.72rem; letter-spacing:.24em;
  text-transform:uppercase; color:#EAF3EE; }
.hero__mono .n{ color:var(--lagoon-lt); }
.hero__mono .ln{ width:46px; height:1px; background:rgba(255,255,255,.5); flex:0 0 auto; }
/* .dh-rise > * forces display:block on its rise-children, which collapsed this
   kicker into overlapping labels — restore the flex row at higher specificity. */
.dh-rise .hero__mono{ display:flex; }
.hero__scrolls{ position:absolute; left:var(--gutter); bottom:22px; z-index:3;
  display:flex; align-items:center; gap:12px; color:#EAF3EE; font-size:.68rem;
  letter-spacing:.22em; text-transform:uppercase; opacity:.86; }
.hero__scrolls .bar{ width:1px; height:44px; background:rgba(255,255,255,.5); position:relative; overflow:hidden; }
.hero__scrolls .bar::after{ content:""; position:absolute; inset:0; background:var(--lagoon-lt);
  animation:scrollcue 2.2s var(--ease) infinite; }
@keyframes scrollcue{ 0%{ transform:translateY(-100%);} 55%,100%{ transform:translateY(100%);} }

/* headline load entrance — inner span so it never fights the scroll scrub */
.dh-rise{ display:block; clip-path:inset(0 0 -20% 0); }
.dh-rise > *{ display:block; transform:translateY(112%); animation:dhrise 1s var(--ease) .12s forwards; }
.dh-rise > *:nth-child(2){ animation-delay:.22s; }
.dh-rise > *:nth-child(3){ animation-delay:.32s; }
@keyframes dhrise{ to{ transform:translateY(0); } }

/* ---- numbered chapter eyebrow (editorial 01 / 04) ---- */
.chapter{ display:flex; align-items:baseline; gap:14px; font-family:var(--sans);
  font-weight:700; font-size:.74rem; letter-spacing:.22em; text-transform:uppercase;
  color:var(--coral); margin:0 0 1.4rem; }
.chapter .n{ font-family:var(--display); font-size:1.1rem; letter-spacing:0; color:var(--ink);
  font-weight:600; }
.band-palm .chapter,.band-ink .chapter{ color:var(--lagoon-lt); }
.band-palm .chapter .n,.band-ink .chapter .n{ color:#fff; }

/* ---- velocity marquee band ---- */
.marquee{ overflow:hidden; padding-block:clamp(20px,2.4vw,34px); border-block:1px solid var(--line);
  background:var(--sand); }
.band-palm .marquee,.band-ink .marquee{ background:transparent; border-color:rgba(255,255,255,.14); }
.marquee__track{ display:inline-flex; white-space:nowrap; will-change:transform; }
.marquee__track span{ font-family:var(--display); font-size:clamp(1.6rem,3.4vw,3rem);
  font-weight:600; color:var(--ink); padding-inline:clamp(20px,3vw,52px); display:inline-flex;
  align-items:center; gap:clamp(20px,3vw,52px); }
.marquee__track span::after{ content:"✦"; color:var(--lagoon); font-size:.7em; }
.band-palm .marquee__track span,.band-ink .marquee__track span{ color:#fff; }

/* ---- fullscreen overlay menu ---- */
.ov{ position:fixed; inset:0; z-index:80; background:var(--night); color:#fff;
  display:grid; grid-template-columns:1.15fr .85fr; opacity:0; visibility:hidden;
  clip-path:inset(0 0 100% 0); transition:clip-path .6s var(--ease), opacity .4s, visibility .6s; }
.ov.open{ opacity:1; visibility:visible; clip-path:inset(0 0 0 0); }
.ov__nav{ display:flex; flex-direction:column; justify-content:safe center; gap:.04em;
  padding:clamp(28px,4.5vw,64px) clamp(30px,6vw,110px) clamp(92px,13vh,140px); overflow-y:auto; }
.ov__nav a{ font-family:var(--display); font-size:clamp(1.55rem,3.7vw,3rem); font-weight:600;
  line-height:1.08; color:#EAF3EE; display:flex; align-items:baseline; gap:18px;
  transition:color .3s var(--ease), transform .4s var(--ease); }
.ov__nav a .num{ font-family:var(--sans); font-size:.8rem; font-weight:700; letter-spacing:.18em;
  color:var(--lagoon-lt); min-width:38px; }
.ov__nav a:hover{ color:#fff; transform:translateX(10px); }
.ov__feature{ position:relative; overflow:hidden; }
.ov__feature img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:opacity .5s var(--ease); }
.ov__feature::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(120deg, rgba(7,20,16,.5), rgba(7,20,16,.1)); }
.ov__foot{ position:absolute; left:clamp(30px,6vw,110px); bottom:clamp(30px,5vw,64px); z-index:2;
  display:flex; flex-wrap:wrap; gap:14px 26px; align-items:center; font-size:.92rem; }
.ov__foot a{ color:#EAF3EE; } .ov__foot a:hover{ color:var(--lagoon-lt); }
.ov__close{ position:absolute; top:26px; right:clamp(24px,3vw,44px); z-index:3; background:none;
  border:0; color:#fff; font-size:2.4rem; cursor:pointer; line-height:1; }
@media(max-width:820px){ .ov{ grid-template-columns:1fr; } .ov__feature{ display:none; } }

/* ---- motion toggle chip ---- */
[data-motion-toggle]{ background:none; border:1px solid currentColor; color:inherit;
  font:inherit; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700;
  padding:.5em 1em; border-radius:999px; cursor:pointer; opacity:.7; transition:opacity .3s; }
[data-motion-toggle]:hover{ opacity:1; }

/* ---- magnetic button ---- */
.btn--magnet{ transition:transform .25s var(--ease), background .3s, color .3s, box-shadow .3s; }

/* ---- hero responsive re-anchor (depth hero → bottom on small screens) ---- */
@media(max-width:600px){
  .hero--depth{ align-items:flex-end; }
  .hero--depth h1{ font-size:clamp(2.4rem,10.5vw,3.4rem); }
  .hero--depth .hero__inner{ padding-bottom:44px; }
}

/* ---- relaunch hero polish ---- */
/* nav legibility scrim over bright hero tops (fixed-nav-must-stay-legible) */
.nav::before{ content:""; position:absolute; inset:0 0 auto 0; height:220%; z-index:-1;
  background:linear-gradient(180deg, rgba(7,20,16,.5), rgba(7,20,16,0)); opacity:1;
  transition:opacity .4s var(--ease); pointer-events:none; }
.nav.solid::before{ opacity:0; }
.nav__burger span{ box-shadow:0 1px 3px rgba(0,0,0,.45); }
/* hero ghost button must be light over the dark image */
.hero--depth .btn--ghost{ color:#fff; border-color:rgba(255,255,255,.65); }
.hero--depth .btn--ghost:hover{ background:#fff; color:var(--night); border-color:#fff; }
/* kicker legibility over sky */
.hero__mono{ text-shadow:0 1px 16px rgba(0,0,0,.55); }
.hero__sub{ text-shadow:0 1px 20px rgba(0,0,0,.4); }
/* iPhone/iPad: never show Safari's big play button over the hero film (autoplay is
   blocked in Low Power Mode; site.js starts it on the first touch instead). 2026-10-14 */
.hero__video::-webkit-media-controls,
.hero__video::-webkit-media-controls-panel,
.hero__video::-webkit-media-controls-overlay-play-button,
.hero__video::-webkit-media-controls-start-playback-button{ display:none !important; -webkit-appearance:none; opacity:0; }
.hero--depth .hero__layer{ will-change:auto; }
/* stop the scroll cue colliding with the facts row on small screens */
@media(max-width:900px){ .hero__scrolls{ display:none; } }

/* =====================================================================
   THE NEIGHBORHOOD MAP  (.amap) — illustrated local area map, v2.
   Dark ocean chart: slate-blue land with a glowing turquoise coast and
   waterways (the luminous element), an ivory sand ribbon for the beach,
   faint real street armature, drawn glyph pins, a cartouche key and a
   compass. One coral beacon: home. Motion (marching trails, the water
   taxi on the Intracoastal, the beacon pulse) is gated on html.m-full.
   ===================================================================== */
.amap{ position:relative; overflow:hidden; color:#E8F2F6;
  padding:clamp(64px,9vw,150px) var(--gutter);
  background:
    radial-gradient(46% 42% at 84% 8%, rgba(18,166,160,.16), transparent 62%),
    radial-gradient(44% 40% at 8% 100%, rgba(240,98,58,.12), transparent 64%),
    linear-gradient(174deg, var(--palm-deep) 0%, #0A3049 40%, var(--night) 100%); }
.amap>*{ position:relative; z-index:1; }

.amap__head{ max-width:960px; margin:0 auto clamp(32px,3.6vw,52px); text-align:center; }
.am-eyebrow{ font-family:var(--sans); font-weight:700; font-size:.74rem; letter-spacing:.24em;
  text-transform:uppercase; color:var(--lagoon-lt); display:inline-flex; align-items:center; gap:12px; }
.am-eyebrow::before,.am-eyebrow::after{ content:""; width:26px; height:2px; background:var(--lagoon-lt); }
.amap__head h2{ font-family:var(--display); font-weight:400; color:#fff;
  font-size:clamp(2rem,4.4vw,3.7rem); line-height:1.04; margin:.55rem auto .6rem; max-width:22ch; }
.amap__lead{ color:#BFD6DE; max-width:62ch; margin:0 auto; font-size:1.05rem; line-height:1.62; }

.amap__grid{ display:grid; grid-template-columns:minmax(0,1.72fr) minmax(272px,1fr);
  gap:clamp(22px,3vw,50px); max-width:1340px; margin:0 auto; align-items:start; }

/* ---- the chart ---- */
.am-stage{ position:relative; width:100%; }
.am-stage__map{ position:relative; width:100%; border-radius:clamp(16px,2vw,26px);
  box-shadow:0 34px 90px -34px rgba(0,0,0,.7), 0 0 0 1px rgba(210,238,244,.14),
             inset 0 0 0 1px rgba(210,238,244,.05); }
.am-svg{ display:block; width:100%; height:auto; border-radius:inherit; }

.am-seabase{ fill:#041C29; }
.am-sea{ fill:url(#am-sea); }
.am-wave{ fill:none; stroke:var(--lagoon-lt); stroke-width:1.4; stroke-linecap:round; }
.am-coastglow{ fill:none; stroke:var(--lagoon-lt); stroke-width:9; filter:blur(7px); opacity:.5; }
.am-land{ fill:url(#am-land); stroke:rgba(150,222,232,.42); stroke-width:1.1;
  stroke-linejoin:round; }
.am-sandglow{ fill:none; stroke:var(--sand); stroke-width:5; filter:blur(3px); opacity:.34; }
.am-sand{ fill:none; stroke:var(--sand); stroke-width:1.8; opacity:.8; }

.am-park{ fill:rgba(18,166,160,.16); stroke:rgba(55,198,190,.4); stroke-width:1; }

.am-streets path{ fill:none; stroke:var(--sand); stroke-width:1.4; opacity:.14; }
.am-streets .am-a1a{ opacity:.20; }
.am-rail{ fill:none; stroke:var(--sand); stroke-width:1.6; opacity:.13; stroke-dasharray:2 7; }

.am-bay{ fill:rgba(18,166,160,.4); filter:blur(2px); }
.am-riv{ fill:none; stroke:var(--lagoon); stroke-width:6.5; stroke-linecap:round; opacity:.72; }
.am-canal{ fill:none; stroke:var(--lagoon); stroke-width:6.5; stroke-linecap:round; opacity:.6; }
.am-canal--sm{ stroke-width:5; opacity:.5; }
.am-icw-glow{ fill:none; stroke:var(--lagoon); stroke-width:20; filter:blur(9px); opacity:.3;
  stroke-linecap:round; }
.am-icw{ fill:none; stroke:var(--lagoon); stroke-width:10.5; stroke-linecap:round; opacity:.9; }
.am-bridge{ fill:none; stroke:#134A66; stroke-width:9; }

/* named waters, streets, neighbourhoods */
.am-wlbl{ font-family:var(--display); font-size:24px; letter-spacing:.4em;
  text-transform:uppercase; fill:rgba(251,247,239,.4); }
.am-wlbl--sm{ font-size:13.5px; letter-spacing:.42em; fill:rgba(251,247,239,.5); }
.am-wlbl--xs{ font-size:11px; letter-spacing:.3em; fill:rgba(251,247,239,.42); }
.am-stlbl text{ font-family:var(--sans); font-weight:700; font-size:10px;
  letter-spacing:.3em; text-transform:uppercase; fill:rgba(251,247,239,.34); }
.am-hood text{ font-family:var(--sans); font-weight:800; font-size:11.5px;
  letter-spacing:.44em; text-transform:uppercase; fill:rgba(251,247,239,.26); }

/* trails — airy round dots that drift toward the destination */
.am-trails{ fill:none; }
.am-trail{ fill:none; stroke:rgba(251,247,239,.6); stroke-width:2.6; stroke-linecap:round;
  stroke-dasharray:.5 13.5; transition:opacity .3s var(--ease), stroke .3s var(--ease); }
html.m-full .am-trail{ animation:am-march 2.4s linear infinite; }
@keyframes am-march{ to{ stroke-dashoffset:-14; } }

/* the water taxi, gliding the Intracoastal */
.am-boat{ fill:#F6FBF9; filter:drop-shadow(0 0 7px var(--lagoon-lt)); }
html:not(.m-full) .am-boats{ display:none; }

.am-halo{ fill:url(#am-home); }

/* compass */
.am-cmp__ring{ fill:none; stroke:rgba(251,247,239,.34); stroke-width:1.1; }
.am-cmp__hub{ fill:rgba(251,247,239,.65); }
.am-cmp__n{ fill:var(--coral); }
.am-cmp__s{ fill:rgba(251,247,239,.28); }
.am-cmp__t{ font-family:var(--sans); font-weight:800; font-size:11px; letter-spacing:.18em;
  fill:rgba(251,247,239,.55); text-anchor:middle; }

/* ---- pins: drawn glyph chips over the chart ---- */
.am-pins{ position:absolute; inset:0; z-index:4; }
.am-pin{ position:absolute; display:flex; align-items:center; gap:10px;
  white-space:nowrap; cursor:default; transition:opacity .3s var(--ease); }
.am-chip{ position:relative; width:29px; height:29px; border-radius:50%; flex:none;
  display:flex; align-items:center; justify-content:center; color:#EAF6F4;
  background:rgba(6,30,44,.88); border:1.4px solid rgba(251,247,239,.55);
  box-shadow:0 3px 14px rgba(0,0,0,.55), 0 0 0 4px rgba(251,247,239,.07);
  transition:transform .25s var(--ease), border-color .25s var(--ease), color .25s; }
.am-g{ width:15px; height:15px; display:block; }
.am-lbl{ display:flex; flex-direction:column; line-height:1.1; font-family:var(--sans);
  font-weight:800; font-size:.84rem; letter-spacing:.005em; color:#F4FAF8;
  text-shadow:0 1px 10px rgba(2,14,22,.95), 0 0 3px rgba(2,14,22,.8); }
.am-lbl b{ font-weight:700; font-size:.58rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--lagoon-lt); opacity:.95; margin-top:2.5px; }
.am-pin--left{ flex-direction:row-reverse; transform:translate(-100%,-50%);
  margin-left:14.5px; }
.am-pin--left .am-lbl{ text-align:right; align-items:flex-end; }
.am-pin--right{ transform:translate(0,-50%); margin-left:-14.5px; }
.am-pin--right .am-lbl{ align-items:flex-start; }
.am-pin--top{ flex-direction:column-reverse; gap:7px; transform:translate(-50%,-100%);
  margin-top:18.5px; }
.am-pin--top .am-lbl{ text-align:center; align-items:center; }
.am-pin:hover,.am-pin:focus-within{ z-index:14; outline:none; }
.am-pin:hover .am-chip,.am-pin:focus-within .am-chip{ transform:scale(1.16);
  border-color:var(--coral); color:#fff; }
.am-pin--edge .am-lbl b::after{ content:" \2193"; letter-spacing:0; }

/* the home beacon — bigger coral chip, hairline ring, one slow pulse */
.am-chip--home{ width:38px; height:38px; background:var(--coral); color:#fff;
  border-color:rgba(255,255,255,.85);
  box-shadow:0 4px 18px rgba(0,0,0,.5), 0 0 0 5px rgba(240,98,58,.25), 0 0 26px rgba(240,98,58,.65); }
.am-chip--home .am-g{ width:19px; height:19px; }
.am-chip--home::before{ content:""; position:absolute; inset:-9px; border-radius:50%;
  border:1px solid rgba(247,150,120,.55); }
.am-chip--home::after{ content:""; position:absolute; inset:-9px; border-radius:50%;
  border:1.5px solid rgba(247,150,120,.6); opacity:0; }
html.m-full .am-chip--home::after{ animation:am-pulse 3.8s var(--ease) infinite; }
@keyframes am-pulse{ 0%{ transform:scale(.72); opacity:.75; } 70%{ transform:scale(2.05); opacity:0; } 100%{ opacity:0; } }
.am-lbl--home{ font-size:1.06rem; }
.am-lbl--home b{ color:#FFB59D; opacity:1; }
.am-pin--home:hover .am-chip--home{ transform:scale(1.08); border-color:#fff; }

/* pin popovers */
.am-pop{ position:absolute; left:50%; transform:translateX(-50%) translateY(6px); width:246px;
  background:rgba(5,26,38,.97); border:1px solid rgba(150,220,230,.3); border-radius:14px;
  padding:14px 16px; box-shadow:0 24px 54px rgba(0,0,0,.6); opacity:0; visibility:hidden;
  pointer-events:none; transition:.22s var(--ease); z-index:15; white-space:normal; }
.am-pin--down .am-pop{ top:calc(100% + 12px); }
.am-pin--up .am-pop{ bottom:calc(100% + 12px); transform:translateX(-50%) translateY(-6px); }
.am-pin--left .am-pop{ left:auto; right:-14px; transform:translateY(6px); }
.am-pin--left.am-pin--up .am-pop{ transform:translateY(-6px); }
.am-pin:hover .am-pop,.am-pin:focus-within .am-pop{ opacity:1; visibility:visible; }
.am-pin--down:hover .am-pop,.am-pin--down:focus-within .am-pop{ transform:translateX(-50%) translateY(0); }
.am-pin--up:hover .am-pop,.am-pin--up:focus-within .am-pop{ transform:translateX(-50%) translateY(0); }
.am-pin--left:hover .am-pop,.am-pin--left:focus-within .am-pop{ transform:translateY(0); }
.am-pop__t{ font-family:var(--display); font-weight:400; font-size:1.16rem; color:#fff;
  line-height:1.12; }
.am-pop__m{ font-family:var(--sans); font-weight:700; font-size:.62rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--lagoon-lt); margin:5px 0 8px; }
.am-pop p{ margin:0; font-size:.87rem; line-height:1.52; color:#BFD6DE; }

/* ---- cartouche key (over the open Atlantic, bottom-right) ---- */
.am-key{ position:absolute; right:1.8%; bottom:2.4%; z-index:5; width:176px;
  background:rgba(4,22,33,.84); backdrop-filter:blur(6px);
  border:1px solid rgba(251,247,239,.18); border-radius:13px; padding:12px 13px 10px;
  box-shadow:0 18px 44px rgba(0,0,0,.45); }
.am-key::before{ content:""; position:absolute; inset:4px; border-radius:9px;
  border:1px solid rgba(251,247,239,.09); pointer-events:none; }
.am-key__t{ font-family:var(--display); font-size:1.05rem; color:#fff; line-height:1; }
.am-key__s{ font-family:var(--sans); font-weight:700; font-size:.52rem; letter-spacing:.26em;
  text-transform:uppercase; color:var(--lagoon-lt); margin:4px 0 8px; }
.am-key__rule{ height:1px; background:linear-gradient(90deg, rgba(251,247,239,.35), transparent);
  margin-bottom:8px; }
.am-key__r{ display:flex; align-items:center; gap:8px; font-family:var(--sans); font-weight:600;
  font-size:.68rem; color:#CFE2E8; padding:2.8px 0; }
.am-key__r i{ flex:none; display:inline-block; }
.am-key__home{ width:11px; height:11px; border-radius:50%; background:var(--coral);
  box-shadow:0 0 0 3px rgba(240,98,58,.28); }
.am-key__place{ width:11px; height:11px; border-radius:50%; background:rgba(6,30,44,.9);
  border:1.3px solid rgba(251,247,239,.6); }
.am-key__water{ width:22px; height:4.5px; border-radius:3px; background:var(--lagoon); }
.am-key__trail{ width:22px; height:4px;
  background:radial-gradient(circle, rgba(251,247,239,.85) 40%, transparent 44%) 0 50%/7px 4px repeat-x; }
.am-key__n{ margin-top:8px; font-family:var(--sans); font-weight:600; font-size:.6rem;
  letter-spacing:.1em; text-transform:uppercase; color:rgba(207,226,232,.5); }

/* ---- side rail ---- */
.amap__railwrap{ position:sticky; top:calc(var(--nav-h) + 14px); }
.am-side{ display:flex; flex-direction:column; gap:clamp(14px,1.8vw,20px); }
.am-card{ background:rgba(6,30,44,.55); border:1px solid rgba(150,220,230,.18); border-radius:18px;
  padding:clamp(16px,1.8vw,22px); }
.am-card__k{ font-family:var(--sans); font-weight:700; font-size:.62rem; letter-spacing:.18em;
  text-transform:uppercase; color:var(--lagoon-lt); margin-bottom:6px; }
.am-card h3{ font-family:var(--display); font-weight:400; color:#fff;
  font-size:clamp(1.3rem,1.8vw,1.6rem); line-height:1.05; margin:0 0 12px; }
.am-list{ list-style:none; margin:0; padding:0; }
.am-row{ display:flex; align-items:center; gap:12px; padding:10px 8px; border-radius:11px;
  transition:.22s var(--ease); cursor:default; }
.am-row+.am-row{ border-top:1px solid rgba(150,220,230,.13); }
.am-row:hover,.am-row:focus-within{ background:rgba(150,220,230,.09); outline:none; }
.am-row__g{ flex:none; width:30px; height:30px; border-radius:50%; display:flex;
  align-items:center; justify-content:center; color:#DDEDF2;
  background:rgba(21,80,115,.5); border:1px solid rgba(251,247,239,.22); }
.am-row__g .am-g{ width:15px; height:15px; }
.am-row__body{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
.am-row__n{ font-family:var(--sans); font-weight:800; font-size:.95rem; color:#F4FAF8; }
.am-row__x{ font-size:.8rem; line-height:1.45; color:#A9C4CD; }
.am-row__d{ flex:none; font-family:var(--sans); font-weight:800; font-size:.72rem;
  letter-spacing:.04em; text-transform:uppercase; color:var(--coral); text-align:right;
  max-width:64px; white-space:normal; line-height:1.25; }

.amap__foot{ max-width:920px; margin:clamp(26px,3vw,42px) auto 0; text-align:center;
  font-size:.76rem; color:#8FAEB8; opacity:.85; line-height:1.6; }

@media(max-width:1020px){
  .amap__grid{ grid-template-columns:1fr; }
  .amap__railwrap{ position:static; }
  .am-side{ flex-direction:row; flex-wrap:wrap; }
  .am-card{ flex:1 1 300px; }
}
@media(max-width:700px){
  .am-key{ position:static; width:auto; max-width:340px; margin:16px auto 0; }
  .am-side{ flex-direction:column; }
}
@media(max-width:640px){
  .am-lbl{ font-size:.6rem; }
  .am-lbl b{ display:none; }
  .am-lbl--home{ font-size:.84rem; }
  .am-lbl--home b{ display:flex; }
  .am-chip{ width:22px; height:22px; }
  .am-g{ width:11.5px; height:11.5px; }
  .am-chip--home{ width:30px; height:30px; }
  .am-chip--home .am-g{ width:15px; height:15px; }
  .am-pin--left{ margin-left:11px; }
  .am-pin--right{ margin-left:-11px; }
  .am-pin--top{ margin-top:15px; }
  .am-pop{ width:206px; }
  .am-stlbl,.am-hood{ display:none; }
  /* flip Holiday Park's label left so it clears the water-taxi label */
  .am-pin[data-k="holiday"]{ flex-direction:row-reverse; transform:translate(-100%,-50%);
    margin-left:11px; }
  .am-pin[data-k="holiday"] .am-lbl{ text-align:right; align-items:flex-end; }
}

/* ==========================================================================
   NAV DROPDOWNS (.nd) - desktop hover/focus menus + Groups mega panel, and a
   grouped mobile overlay. Appended at EOF so overrides win on source order.
   Added 2026-09-01 (menu dropdown / winning-UI upgrade).
   ========================================================================== */

/* Raise the burger breakpoint: show the dropdown bar only where there is a
   pointer + room; below 900px hand off to the touch overlay. */
@media (max-width:900px){
  .nav__links{ display:none; }
  .nav__burger{ display:flex; }
}

/* ---- top-level trigger ---- */
.nd{ position:relative; display:flex; align-items:center; }
.nd__top{ display:inline-flex; align-items:center; gap:.36em; cursor:pointer; }
.nd__caret{ width:10px; height:6px; flex:none; opacity:.85;
  transition:transform .3s var(--ease); }
.nd:hover > .nd__top .nd__caret,
.nd:focus-within > .nd__top .nd__caret{ transform:rotate(180deg); }
.nd.is-active > .nd__top{ color:#fff; }

/* ---- dropdown panel (shared) ---- */
.nd__panel{
  position:absolute; top:100%; left:50%; transform:translate(-50%,10px);
  min-width:262px; background:var(--shell); color:var(--ink);
  border:1px solid var(--line); border-radius:16px; padding:10px;
  box-shadow:0 26px 64px -26px rgba(8,19,28,.55), 0 10px 24px -18px rgba(8,19,28,.4);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .26s var(--ease), transform .26s var(--ease), visibility .26s;
  z-index:75;
}
/* invisible hover bridge across the gap so the panel doesn't close mid-reach */
.nd__panel::before{ content:""; position:absolute; left:0; right:0; top:-14px; height:14px; }
.nd:hover > .nd__panel,
.nd:focus-within > .nd__panel{ opacity:1; visibility:visible; pointer-events:auto;
  transform:translate(-50%,0); }

/* panel links inherit .nav__links a (light text + underline) - reset for the card */
.nd__panel a{ color:var(--ink); padding-block:0; }
.nd__panel a::after{ content:none; }
.nd__col{ display:flex; flex-direction:column; }
.nd__link{ display:block; padding:9px 14px; border-radius:11px;
  transition:background .2s var(--ease); }
.nd__link:hover{ background:var(--sand-2); }
.nd__ll{ display:block; font-family:var(--display); font-size:1.06rem; line-height:1.15;
  color:var(--ink); }
.nd__lb{ display:block; font-family:var(--sans); font-size:.8rem; line-height:1.35;
  color:var(--ink-soft); margin-top:2px; }

/* ---- Groups mega panel ---- */
.nd--mega{ position:static; }                 /* anchor the wide panel to .nav */
.nd--mega .nd__panel{ left:50%; right:auto;
  width:min(1000px, calc(100vw - 2*var(--gutter)));
  transform:translate(-50%,12px); padding:20px; }
.nd--mega:hover > .nd__panel,
.nd--mega:focus-within > .nd__panel{ transform:translate(-50%,0); }
.nd__mega{ display:grid; grid-template-columns:.95fr 2.4fr; gap:26px; align-items:stretch; }
.nd__mega-intro{ padding:10px 22px 10px 12px; border-right:1px solid var(--line); }
.nd__mega-k{ font-family:var(--sans); font-weight:800; font-size:.72rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--coral); margin:0 0 .6rem; }
.nd__mega-d{ font-size:.92rem; line-height:1.5; color:var(--ink-soft); margin:0 0 1rem; }
.nd__panel .nd__mega-all{ display:inline-flex; align-items:center; gap:.4em;
  font-weight:800; font-size:.9rem; color:var(--coral); }
.nd__panel .nd__mega-all span{ transition:transform .3s var(--ease); }
.nd__panel .nd__mega-all:hover span{ transform:translateX(4px); }
.nd__ggrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.nd__gcell{ display:block; padding:12px 13px; border-radius:12px;
  border:1px solid var(--line); background:var(--sand);
  transition:transform .25s var(--ease), border-color .25s, background .25s, box-shadow .25s; }
.nd__gcell:hover{ background:#fff; border-color:var(--lagoon);
  transform:translateY(-2px); box-shadow:0 12px 26px -18px rgba(8,19,28,.5); }
.nd__gl{ display:block; font-family:var(--display); font-size:1rem; line-height:1.12;
  color:var(--ink); }
.nd__gt{ display:block; font-family:var(--sans); font-size:.68rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--coral); font-weight:700; margin-top:4px; }

/* narrower desktop: tighten + fold the mega to 3 columns */
@media (max-width:1120px){
  .nav__links{ gap:16px; }
  .nd__top{ font-size:.86rem; }
  .nd--mega .nd__panel{ width:min(860px, calc(100vw - 2*var(--gutter))); }
  .nd__ggrid{ grid-template-columns:repeat(3,1fr); }
}

/* ==========================================================================
   MOBILE OVERLAY as a grouped site map (overrides the old .ov__nav a rules)
   ========================================================================== */
.ov__nav .ov__home{ display:inline-flex; font-family:var(--display); font-weight:600;
  font-size:clamp(1.5rem,3.4vw,2.3rem); color:#fff; margin-bottom:.35em; }
.ov__nav .ov__home:hover{ color:var(--lagoon-lt); transform:none; }
.ov__grp{ margin-bottom:clamp(14px,2.2vh,24px); }
.ov__nav .ov__gt{ display:inline-flex; font-family:var(--display); font-weight:600;
  font-size:clamp(1.3rem,2.9vw,2rem); line-height:1.08; color:#fff; }
.ov__nav .ov__gt:hover{ color:var(--lagoon-lt); transform:none; }
.ov__gl{ display:flex; flex-wrap:wrap; gap:5px 20px; margin-top:7px; }
.ov__nav .ov__gl a{ display:inline-flex; font-family:var(--sans); font-weight:600;
  font-size:.96rem; line-height:1.3; color:#AEC6C0; }
.ov__nav .ov__gl a:hover{ color:var(--lagoon-lt); transform:none; }


/* ==========================================================================
   LOCAL GUIDES HUB (/guides/) — text-forward guide cards grouped by category.
   Reuses the shell/line/lagoon tokens so it reads as one system with .card;
   no per-guide photos (heroes are branded), so nothing to mislabel.
   ========================================================================== */
.ghub-cat{ margin-bottom:clamp(40px,5vw,74px); }
.ghub-cat:last-child{ margin-bottom:0; }
.ghub-cat__head{ padding-inline:var(--gutter); max-width:64ch; margin-bottom:clamp(16px,2vw,26px); }
.ghub-cat__head h2{ font-size:clamp(1.5rem,2.6vw,2.3rem); margin:.35rem 0 .4rem; }
.ghub-cat__head p{ color:var(--ink-soft); margin:0; font-size:1.02rem; }
.gcards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:clamp(16px,1.8vw,26px); padding-inline:var(--gutter); }
.gcard{ display:flex; flex-direction:column; background:var(--shell); border:1px solid var(--line);
  border-radius:12px; padding:1.5rem 1.5rem 1.4rem; text-decoration:none; color:inherit;
  transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease); }
.gcard:hover{ transform:translateY(-5px); box-shadow:0 30px 50px -30px rgba(16,36,28,.45);
  border-color:var(--lagoon-lt); }
.gcard .k{ font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--lagoon); font-weight:700; }
.gcard h3{ margin:.5rem 0 .5rem; font-size:1.2rem; line-height:1.28; }
.gcard p{ font-size:.94rem; color:var(--ink-soft); margin:0 0 1.1rem; flex:1; }
.gcard .rd{ font-size:.82rem; font-weight:700; color:var(--palm); }
.gcard:hover .rd{ color:var(--coral); }


/* ==========================================================================
   DEEP LOCAL GUIDES  (long-form layout: meta, sticky TOC, at-a-glance,
   in-prose callouts + tables, FAQ accordion, sources). Appended tail.
   ========================================================================== */
.phead__meta{ display:flex; flex-wrap:wrap; gap:.5rem 1.1rem; margin:.9rem 0 0;
  font-size:.78rem; letter-spacing:.13em; text-transform:uppercase; font-weight:700;
  color:var(--palm); }
.phead__meta span{ position:relative; }
.phead__meta span + span::before{ content:"·"; position:absolute; left:-.7rem;
  color:var(--line); }

/* anchor offset so TOC jumps clear the fixed nav */
.prose h2{ scroll-margin-top:96px; }
.prose h2:first-child{ margin-top:.4rem; }
.prose .lede{ font-size:clamp(1.18rem,1.9vw,1.42rem); line-height:1.6; color:var(--ink);
  font-weight:500; margin:0 0 1.6rem; }
.prose ol{ padding-left:1.15em; }
.prose ol li{ margin:.35em 0; }
.prose ul{ list-style:none; padding-left:0; }
.prose ul li{ position:relative; padding-left:1.5em; margin:.4em 0; }
.prose ul li::before{ content:""; position:absolute; left:.15em; top:.7em; width:7px; height:7px;
  border-radius:50%; background:var(--lagoon); }

/* in-prose local-tip callout */
.tnb-callout{ margin:1.7rem 0; padding:18px 22px; background:var(--sand-2);
  border-left:4px solid var(--coral); border-radius:0 12px 12px 0; }
.tnb-callout b{ display:block; font-family:var(--display); font-size:1.02rem;
  color:var(--palm-deep); margin-bottom:.25rem; }
.tnb-callout span{ display:block; font-size:1rem; line-height:1.65; color:#2a3a33; }

/* in-prose comparison table */
.tnb-table{ width:100%; border-collapse:collapse; margin:1.8rem 0; font-size:.98rem;
  border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.tnb-table thead th{ background:var(--palm); color:#fff; text-align:left;
  font-family:var(--sans); font-weight:700; font-size:.82rem; letter-spacing:.04em;
  padding:12px 14px; }
.tnb-table tbody th,.tnb-table tbody td{ padding:11px 14px; border-top:1px solid var(--line);
  vertical-align:top; line-height:1.5; color:#2a3a33; }
.tnb-table tbody th[scope=row]{ font-weight:700; color:var(--ink); }
.tnb-table tbody tr:nth-child(even){ background:var(--sand); }

/* sticky rail: table of contents + at-a-glance */
.rail__box .toc{ font-size:.92rem; }
.rail__box .toc li{ padding:.42em 0; border-bottom:1px solid var(--line); }
.rail__box .toc a{ color:var(--ink-soft); text-decoration:none; font-weight:600;
  box-shadow:none; transition:color .2s; }
.rail__box .toc a:hover{ color:var(--coral); }
.rail__box.at-glance ul{ font-size:.92rem; }
.rail__box.at-glance li{ display:flex; justify-content:space-between; gap:14px;
  align-items:baseline; padding:.5em 0; border-bottom:1px solid var(--line);
  color:var(--ink-soft); }
.rail__box.at-glance li b{ color:var(--ink); text-align:right; font-weight:700; }
.rail__box.at-glance li span{ flex:0 0 auto; }

/* FAQ accordion (CSS-only, <details>) */
.tnb-faq{ max-width:860px; margin:1.4rem auto 0; }
.tnb-faq details{ border-bottom:1px solid var(--line); }
.tnb-faq details[open]{ background:transparent; }
.tnb-faq summary{ list-style:none; cursor:pointer; padding:1.05rem 44px 1.05rem 0;
  position:relative; font-family:var(--display); font-size:1.18rem; line-height:1.35;
  color:var(--ink); }
.tnb-faq summary::-webkit-details-marker{ display:none; }
.tnb-faq summary::after{ content:""; position:absolute; right:8px; top:1.35rem; width:14px;
  height:14px; background:no-repeat center/contain
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F0623A' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  transition:transform .3s var(--ease); }
.tnb-faq details[open] summary::after{ transform:rotate(135deg); }
.tnb-faq .tnb-faq__a{ padding:0 44px 1.15rem 0; }
.tnb-faq .tnb-faq__a p{ font-size:1.02rem; line-height:1.7; color:#2a3a33; margin:0; }

/* sources */
.tnb-sources{ max-width:var(--readw); }
.tnb-sources h2{ font-size:1.2rem; }
.tnb-sources p{ font-size:.9rem; color:var(--ink-soft); margin:.4rem 0 1rem; }
.tnb-sources ol{ font-size:.86rem; color:var(--ink-soft); padding-left:1.2em; }
.tnb-sources li{ margin:.3em 0; }
.tnb-sources a{ color:var(--palm); box-shadow:none; text-decoration:underline;
  text-underline-offset:2px; word-break:break-word; }


/* group sample-weekend itinerary */
.tnb-itin{ max-width:820px; margin-inline:var(--gutter); border-left:2px solid var(--line);
  padding-left:26px; }
.tnb-itin__row{ display:grid; grid-template-columns:120px 1fr; gap:18px; padding:14px 0 18px;
  position:relative; }
.tnb-itin__row::before{ content:""; position:absolute; left:-33px; top:20px; width:14px; height:14px;
  border-radius:50%; background:var(--coral); box-shadow:0 0 0 4px var(--sand); }
.tnb-itin__when{ font-family:var(--display); font-size:1.05rem; color:var(--palm); padding-top:2px; }
.tnb-itin__b h3{ margin:0 0 .25rem; font-size:1.15rem; }
.tnb-itin__b p{ margin:0; font-size:1rem; line-height:1.6; color:#2a3a33; }
@media (max-width:640px){ .tnb-itin__row{ grid-template-columns:1fr; gap:2px; }
  .tnb-itin__when{ font-size:.95rem; } }


/* ==========================================================================
   v20 (2026-09-04): NAV v2 mega panels, site search, video facades,
   breadcrumbs, blog index v2, new pages (amenities / policies / recovery /
   faq / accessibility / terms / reviews / sitemap). Appended at the tail on
   purpose so it wins on equal specificity.
   ========================================================================== */

/* ---- accessibility plumbing ---- */
.skip{ position:absolute; left:-9999px; top:10px; z-index:300; background:var(--coral); color:#fff;
  padding:10px 16px; border-radius:8px; font-weight:800; }
.skip:focus{ left:12px; outline:3px solid #fff; }
main{ display:block; }
:focus-visible{ outline:3px solid var(--lagoon); outline-offset:3px; }
.rail__box h3.h4{ font-family:var(--display); font-size:1.2rem; margin:0 0 .8rem; line-height:1.15; }
.foot .foot__h{ color:#fff; font-family:var(--sans); font-size:.8rem; letter-spacing:.16em;
  text-transform:uppercase; margin:0 0 1.1rem; font-weight:700; }

/* ---- top bar ---- */
.nav__links{ gap:clamp(8px,1.2vw,22px); }
.nav__links > a.nav__direct{ display:inline-flex; align-items:center; gap:.3em; }
.nav__pin{ width:13px; height:16px; flex:none; }
.nav__search{ background:none; border:0; color:#EAF3EE; cursor:pointer; padding:8px; display:inline-flex;
  border-radius:50%; transition:background .2s; }
.nav__search svg{ width:20px; height:20px; }
.nav__search:hover,.nav__search:focus-visible{ background:rgba(255,255,255,.14); }

/* ---- mega panels: every dropdown anchors to the bar and spans it ---- */
.nd{ position:static; }
.nd__top{ padding:10px 2px; }
.nd--mega .nd__panel{ width:min(1180px, calc(100vw - 2*var(--gutter))); padding:22px;
  border-radius:18px; border-top:3px solid var(--coral); transform:translate(-50%,10px); }
.nd:hover > .nd__panel, .nd:focus-within > .nd__panel, .nd.open > .nd__panel{
  opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
.nd.open > .nd__top .nd__caret{ transform:rotate(180deg); }
.nd__mega{ display:grid; gap:22px; align-items:stretch; }
.nd__mega--home{ grid-template-columns:1.15fr 1.05fr .95fr; }
.nd__mega--groups{ grid-template-columns:.85fr 2.3fr .95fr; }
.nd__mega--explore{ grid-template-columns:1fr .95fr 1.15fr .9fr; }
.nd__mega--blog{ grid-template-columns:1.05fr 1.35fr .9fr; }
.nd__mega--about{ grid-template-columns:1fr 1.15fr .95fr; }
.nd__ch{ font-family:var(--sans); font-weight:800; font-size:.68rem; letter-spacing:.2em;
  text-transform:uppercase; color:var(--coral); margin:6px 0 8px 14px; }
.nd__mega-intro .nd__ch{ margin-left:0; }
.nd__link--all .nd__ll{ color:var(--palm); }
.nd__feat{ position:relative; display:block; border-radius:14px; overflow:hidden; min-height:240px;
  background:var(--palm-deep); }
.nd__feat img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  transition:transform .8s var(--ease); }
.nd__feat:hover img{ transform:scale(1.05); }
.nd__feat-b{ position:absolute; inset:auto 0 0 0; padding:18px;
  background:linear-gradient(180deg, rgba(8,19,28,0) 0%, rgba(8,19,28,.86) 100%); color:#fff; }
.nd__feat-k{ display:block; font-family:var(--sans); font-size:.66rem; letter-spacing:.18em;
  text-transform:uppercase; font-weight:800; color:var(--lagoon-lt); }
.nd__feat-t{ display:block; font-family:var(--display); font-size:1.22rem; line-height:1.15;
  margin:.3em 0 .45em; color:#fff; }
.nd__feat-c{ font-size:.8rem; font-weight:800; color:#fff; }
.nd__feat-c span{ display:inline-block; transition:transform .3s var(--ease); }
.nd__feat:hover .nd__feat-c span{ transform:translateX(4px); }
.nd__util{ background:var(--sand); border:1px solid var(--line); border-radius:14px; padding:14px 18px 18px;
  display:flex; flex-direction:column; }
.nd__facts{ list-style:none; margin:0 0 14px; padding:0; }
.nd__facts li{ font-size:.88rem; padding:.38em 0; border-bottom:1px solid var(--line); color:var(--ink-soft); }
.nd__facts li:last-child{ border-bottom:0; }
.nd__panel .nd__facts a{ color:var(--palm); font-weight:700; }
.nd__util .btn{ margin-top:auto; justify-content:center; }
.nd__panel .nd__tel{ margin-top:10px; font-weight:800; text-align:center; font-size:.88rem; color:var(--palm); }
.nd__chips{ display:flex; flex-wrap:wrap; gap:7px; padding:0 8px; }
.nd__panel .nd__chip{ display:inline-flex; align-items:center; gap:.45em; border:1px solid var(--line);
  background:var(--sand); border-radius:999px; padding:6px 12px; font-size:.8rem; font-weight:700;
  color:var(--ink); transition:border-color .2s, background .2s, transform .2s; }
.nd__chip i{ width:8px; height:8px; border-radius:50%; background:var(--c, var(--palm)); flex:none; }
.nd__panel .nd__chip:hover{ border-color:var(--lagoon); background:#fff; transform:translateY(-1px); }
.nd__mapcard{ display:block; border-radius:14px; overflow:hidden; background:var(--palm-deep); color:#fff;
  position:relative; min-height:220px; }
.nd__mapcard svg{ position:absolute; inset:0; width:100%; height:100%; transition:transform .8s var(--ease); }
.nd__mapcard:hover svg{ transform:scale(1.04); }
.nd__mapcard-b{ position:absolute; inset:auto 0 0 0; padding:16px;
  background:linear-gradient(180deg, rgba(12,71,99,0) 0%, rgba(8,19,28,.8) 100%); }
.nd__panel .nd__post{ display:block; padding:9px 14px; border-radius:11px; transition:background .2s; }
.nd__panel .nd__post:hover{ background:var(--sand-2); }
.nd__post-k{ display:block; font-size:.64rem; letter-spacing:.16em; text-transform:uppercase; font-weight:800;
  color:var(--coral); }
.nd__post-t{ display:block; font-family:var(--display); font-size:1.02rem; line-height:1.22; color:var(--ink); }
.nd__post-d{ display:block; font-size:.76rem; color:var(--ink-soft); margin-top:2px; }
.nd__gcell{ padding:11px 12px; }
@media (max-width:1240px){
  .nd__mega--explore{ grid-template-columns:1fr 1.15fr 1fr; }
  .nd__mega--explore .nd__mapcard{ display:none; }
}
@media (max-width:1080px){
  .nav__links{ gap:10px; }
  .nd__top{ font-size:.84rem; }
  .nav__links .btn{ padding:.55em 1em; font-size:.8rem; }
  .nd__mega--home,.nd__mega--about,.nd__mega--blog{ grid-template-columns:1.1fr .9fr; }
  .nd__mega--groups{ grid-template-columns:2.3fr 1fr; }
  .nd__mega--groups .nd__mega-intro{ display:none; }
  .nd__mega--explore{ grid-template-columns:1fr 1.2fr; }
  .nd__mega .nd__feat{ display:none; }
  .nd__ggrid{ grid-template-columns:repeat(2,1fr); }
}

/* ---- mobile overlay additions ---- */
.ov__sbtn{ display:inline-flex; align-items:center; gap:.5em; background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.2); color:#fff; border-radius:999px; padding:10px 16px; font:inherit;
  font-weight:700; margin-bottom:20px; cursor:pointer; width:max-content; }
.ov__sbtn svg{ width:16px; height:16px; }
.ov__nav .ov__gt--map{ color:var(--lagoon-lt); display:inline-flex; align-items:center; gap:.35em;
  margin-bottom:clamp(14px,2.2vh,24px); }
.ov__nav .ov__gt--map .nav__pin{ width:15px; height:18px; }

/* ---- site search dialog (and the /search page) ---- */
.sx{ position:fixed; inset:0; z-index:140; background:rgba(8,19,28,.74); backdrop-filter:blur(6px);
  display:flex; align-items:flex-start; justify-content:center; padding:min(12vh,120px) var(--gutter) 40px; }
.sx[hidden]{ display:none; }
.sx--page{ position:static; background:none; backdrop-filter:none; padding:0; display:block; }
.sx__card{ width:min(780px,100%); background:var(--shell); color:var(--ink); border-radius:18px;
  box-shadow:0 40px 90px -30px rgba(8,19,28,.7); overflow:hidden; max-height:78vh; display:flex;
  flex-direction:column; }
.sx--page .sx__card{ max-height:none; box-shadow:none; border:1px solid var(--line); margin-inline:auto; }
.sx__form{ display:flex; align-items:center; gap:12px; padding:14px 18px; border-bottom:1px solid var(--line); }
.sx__form svg{ width:22px; height:22px; color:var(--palm); flex:none; }
.sx__in{ flex:1; border:0; outline:0; font:inherit; font-size:1.15rem; background:transparent; color:var(--ink);
  min-width:0; }
.sx__in::-webkit-search-cancel-button{ -webkit-appearance:none; }
.sx__x{ background:none; border:0; font-size:1.9rem; cursor:pointer; color:var(--ink-soft); line-height:1; }
.sx--page .sx__x{ display:none; }
.sx__hint{ padding:10px 18px 6px; font-size:.8rem; color:var(--ink-soft); margin:0; }
.sx__hint kbd{ font:inherit; border:1px solid var(--line); border-radius:5px; padding:0 5px; }
.sx__res{ overflow:auto; padding:6px 10px 14px; }
.sx__g{ font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:var(--coral);
  padding:12px 10px 4px; }
.sx__r{ display:block; padding:9px 10px; border-radius:10px; }
.sx__r:hover,.sx__r.on{ background:var(--sand-2); }
.sx__rt{ display:block; font-family:var(--display); font-size:1.06rem; line-height:1.22; color:var(--ink); }
.sx__rd{ display:block; font-size:.84rem; color:var(--ink-soft); margin-top:2px; }
.sx__rt mark,.sx__rd mark{ background:transparent; color:var(--coral-deep); font-weight:inherit; }
.sx__empty{ padding:22px 10px; color:var(--ink-soft); }
.sx__empty a{ color:var(--palm); font-weight:700; }

/* ---- breadcrumbs (inside the dark page header) ---- */
.crumbs{ display:flex; flex-wrap:wrap; align-items:center; gap:.2em; font-size:.78rem; letter-spacing:.06em;
  color:#CBDdd5; margin:0 0 1.4rem; padding:0; list-style:none; }
.crumbs li{ display:inline-flex; align-items:center; }
.crumbs li + li::before{ content:"/"; margin:0 .55em; opacity:.5; }
.crumbs a{ color:var(--lagoon-lt); font-weight:700; }
.crumbs a:hover{ color:#fff; }

/* ---- click-to-load video facades ---- */
.vgrid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:clamp(16px,2vw,26px);
  padding:0 var(--gutter); }
.yt{ position:relative; aspect-ratio:16/9; border-radius:14px; overflow:hidden; background:#0b1a14;
  box-shadow:0 26px 50px -30px rgba(8,19,28,.6); }
.yt img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .8s var(--ease); }
.yt:hover img{ transform:scale(1.04); }
.yt iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.yt__play{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,19,28,0) 40%, rgba(8,19,28,.75));
  border:0; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; }
.yt__play span{ width:74px; height:74px; border-radius:50%; background:var(--coral); display:grid;
  place-items:center; box-shadow:0 12px 30px rgba(0,0,0,.45); transition:transform .3s var(--ease); }
.yt__play:hover span,.yt__play:focus-visible span{ transform:scale(1.08); }
.yt__play svg{ width:26px; height:26px; margin-left:5px; fill:#fff; }
.yt__t{ position:absolute; left:0; right:0; bottom:0; padding:14px 16px 16px; color:#fff; font-weight:700;
  font-size:.92rem; line-height:1.35; pointer-events:none; text-shadow:0 1px 10px rgba(0,0,0,.5); }
.yt__k{ display:block; font-size:.66rem; letter-spacing:.16em; text-transform:uppercase; color:var(--lagoon-lt); }
.vnote{ padding:14px var(--gutter) 0; font-size:.8rem; color:var(--ink-soft); }

/* ---- blog index v2 ---- */
.bfeat{ display:grid; grid-template-columns:1.25fr 1fr; gap:clamp(22px,3vw,48px); align-items:center;
  padding:0 var(--gutter); }
.bfeat__img{ border-radius:14px; overflow:hidden; aspect-ratio:16/10; }
.bfeat__img img{ width:100%; height:100%; object-fit:cover; }
.bfeat__b .k{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--coral); font-weight:800; }
.bfeat__b h2{ font-size:clamp(1.8rem,3.2vw,2.8rem); margin:.5rem 0 .8rem; }
.bfeat__b p{ font-size:1.06rem; line-height:1.65; color:var(--ink-soft); }
.bfeat__b .meta{ font-size:.82rem; color:var(--ink-soft); margin:.6rem 0 1.2rem; }
.bfilter{ display:flex; flex-wrap:wrap; gap:8px; padding:clamp(28px,4vw,52px) var(--gutter) 10px; }
.bfilter button{ border:1px solid var(--line); background:var(--shell); color:var(--ink-soft);
  border-radius:999px; padding:8px 15px; font-family:var(--sans); font-weight:700; font-size:.82rem;
  cursor:pointer; transition:.2s; }
.bfilter button:hover{ border-color:var(--lagoon-lt); color:var(--ink); }
.bfilter button.on{ background:var(--palm); border-color:var(--palm); color:#fff; }
.jcard[hidden]{ display:none; }
.jcard .meta{ font-size:.76rem; color:var(--ink-soft); margin:.4rem 0 0; }
.credits{ padding:clamp(20px,3vw,36px) var(--gutter) 0; font-size:.72rem; line-height:1.6;
  color:var(--ink-soft); opacity:.8; }
.credits a{ color:inherit; }
.credits summary{ cursor:pointer; font-weight:700; }

/* ---- homepage additions ---- */
.hsec__head{ display:flex; justify-content:space-between; align-items:end; gap:20px; flex-wrap:wrap;
  padding:0 var(--gutter); margin-bottom:28px; }
.jgrid--3{ grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); }
.mteaser{ display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(24px,4vw,70px); align-items:center;
  padding:0 var(--gutter); }
.mteaser__map{ position:relative; border-radius:16px; overflow:hidden; border:1px solid var(--line);
  box-shadow:0 30px 60px -40px rgba(16,36,28,.5); background:var(--sand-2); aspect-ratio:4/5; }
.mteaser__map img{ width:100%; height:100%; object-fit:cover; display:block; }
.mteaser__home{ position:absolute; left:45%; top:30%; width:18px; height:18px; border-radius:50%;
  background:var(--coral); border:3px solid #fff; box-shadow:0 0 0 6px rgba(240,98,58,.25); }
html.m-full .mteaser__home{ animation:mtpulse 2.2s ease-out infinite; }
@keyframes mtpulse{ 0%{ box-shadow:0 0 0 0 rgba(240,98,58,.45) } 100%{ box-shadow:0 0 0 18px rgba(240,98,58,0) } }
.mteaser__tags{ display:flex; flex-wrap:wrap; gap:8px; margin:1.2rem 0 1.6rem; }
.mteaser__tags span{ border:1px solid var(--line); border-radius:999px; padding:5px 12px; font-size:.8rem;
  font-weight:700; color:var(--ink-soft); background:var(--shell); }
.trust{ display:flex; flex-wrap:wrap; gap:12px 28px; align-items:center; justify-content:center;
  padding:18px var(--gutter); background:var(--sand-2); border-top:1px solid var(--line);
  border-bottom:1px solid var(--line); font-size:.86rem; font-weight:700; color:var(--ink-soft); }
.trust b{ color:var(--ink); font-weight:800; }
.trust a{ color:var(--palm); }

/* ---- amenities / policies / faq / accessibility / sitemap pages ---- */
.amen--4{ grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.amen__col .k{ font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--coral);
  font-weight:800; display:block; margin-bottom:.4rem; }
.pol{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:clamp(16px,2vw,28px);
  padding:0 var(--gutter); }
.pol__card{ background:var(--shell); border:1px solid var(--line); border-radius:14px; padding:clamp(20px,2.4vw,32px); }
.pol__card .k{ font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; color:var(--coral); font-weight:800; }
.pol__card h2{ font-size:1.5rem; margin:.4rem 0 .6rem; }
.pol__card .big{ font-family:var(--display); font-size:2rem; color:var(--palm); line-height:1; margin:.2rem 0 .5rem; }
.pol__card p,.pol__card li{ font-size:.98rem; line-height:1.6; color:var(--ink-soft); }
.pol__card ul{ padding-left:1.1em; margin:.4rem 0 0; }
.acc-feat{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin:1.4rem 0; }
.acc-feat div{ background:var(--sand-2); border-radius:12px; padding:16px 18px; font-size:.96rem; line-height:1.55; }
.acc-feat b{ display:block; font-family:var(--display); font-size:1.08rem; font-weight:400; margin-bottom:.3rem; }
.smap{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:clamp(20px,3vw,44px);
  padding:0 var(--gutter); }
.smap h2{ font-size:1.25rem; margin:0 0 .6rem; padding-bottom:.5rem; border-bottom:2px solid var(--coral); }
.smap ul{ list-style:none; margin:0; padding:0; }
.smap li{ padding:.3em 0; border-bottom:1px solid var(--line); font-size:.94rem; }
.smap a{ color:var(--ink); }
.smap a:hover{ color:var(--palm); }
.quote-row{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; padding:0 var(--gutter); }
.rating{ display:flex; flex-wrap:wrap; align-items:center; gap:14px 26px; padding:0 var(--gutter); margin-bottom:28px; }
.rating__n{ font-family:var(--display); font-size:clamp(3rem,6vw,5rem); line-height:1; color:var(--palm); }
.rating__s{ color:var(--coral); letter-spacing:.12em; font-size:1.3rem; }
.rating__t{ font-size:.95rem; color:var(--ink-soft); max-width:46ch; }
.rating__t a{ color:var(--palm); font-weight:700; }

@media (max-width:820px){
  .bfeat,.mteaser{ grid-template-columns:1fr; }
  .mteaser__map{ aspect-ratio:1; }
}

/* ---- v20.1: mobile overlay foot gets a solid backdrop so it never sits on top of list text ---- */
@media (max-width:900px){
  .ov__foot{ left:0; right:0; bottom:0; padding:34px clamp(30px,6vw,110px) clamp(22px,4vw,36px);
    background:linear-gradient(180deg, rgba(8,19,28,0) 0%, var(--night) 34%); }
  .ov__nav{ padding-bottom:150px; }
}

/* ---- v20.1: hero content always clears the fixed header (kicker was sliding under the logo) ---- */
.hero__inner{ padding-top:calc(var(--nav-h) + 24px); }


/* ==========================================================================
   UI v5 (2026-09-05): the "new generation" layer. Bigger, heavier, darker
   type for readability; DM Serif only at display sizes (small headings go to
   Mulish 800); photo / facts page headers instead of a half-empty dark block;
   dark and photo bands in place of long cream stretches; social links;
   flight route map; guide hub v2. Appended at the TAIL on purpose so every
   rule here wins on equal specificity. Bump ASSET_VER on change.
   ========================================================================== */
:root{
  --ink-soft:#3B4954;                 /* darker secondary text (was #47555F) */
  --gutter:clamp(18px,2.4vw,44px);
  --readw:760px;
  --nav-h:80px;
  --ocean-2:#0A3A52;
}
html{ scroll-behavior:auto; }          /* native scroll only (motion-kit gate) */
body{ font-size:clamp(17px,1.12vw,19.5px); font-weight:500; line-height:1.68; color:var(--ink); }
.lead{ font-size:clamp(1.2rem,1.72vw,1.5rem); line-height:1.5; color:var(--ink); font-weight:500; }
h1{ letter-spacing:-.022em; }
h2{ font-size:clamp(2.2rem,4.6vw,4rem); letter-spacing:-.018em; line-height:1.02; }
h3{ font-family:var(--sans); font-weight:800; letter-spacing:-.012em; line-height:1.22;
  font-size:clamp(1.15rem,1.5vw,1.4rem); }
.prose h3{ font-family:var(--display); font-weight:400; letter-spacing:-.01em;
  font-size:clamp(1.5rem,2.2vw,1.9rem); }
.eyebrow{ font-size:.8rem; font-weight:800; letter-spacing:.2em; }
.eyebrow::before{ width:30px; height:3px; }
.btn{ font-weight:800; font-size:1.02rem; padding:1em 1.85em; }
.nav__links .btn{ font-size:.9rem; padding:.7em 1.35em; }
strong,b{ font-weight:800; }

/* ---- nav: bigger labels, solid bar (no backdrop-filter on a fixed header) ---- */
.nav__links a,.nd__top{ font-size:1rem; font-weight:700; }
.nav.solid{ background:rgba(7,20,16,.96); backdrop-filter:none; -webkit-backdrop-filter:none; }
.nav::before{ height:240%; background:linear-gradient(180deg, rgba(7,20,16,.62), rgba(7,20,16,0)); }
.nd__ll{ font-family:var(--sans); font-weight:800; font-size:1rem; }
.nd__lb{ font-size:.84rem; }
.nd__gl{ font-family:var(--sans); font-weight:800; font-size:.98rem; }
.nd__feat-t{ font-family:var(--sans); font-weight:800; font-size:1.15rem; }
.nd__post-t{ font-family:var(--sans); font-weight:800; font-size:.98rem; }
.nd__facts li{ font-size:.94rem; color:var(--ink); }
.nd__ch{ font-size:.72rem; }
.sx__rt{ font-family:var(--sans); font-weight:800; font-size:1.02rem; }
.sx{ backdrop-filter:none; background:rgba(8,19,28,.82); }
.nd__social{ display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }

/* ---- long-form ---- */
.prose p,.prose li{ font-size:clamp(1.08rem,1.2vw,1.22rem); line-height:1.72; color:var(--ink); }
.prose .lede{ font-size:clamp(1.3rem,1.9vw,1.55rem); line-height:1.5; }
.prose a{ color:var(--palm-deep); font-weight:700; }
.tnb-callout span,.tnb-faq .tnb-faq__a p,.tnb-itin__b p,.tnb-table tbody td,.tnb-table tbody th{ color:var(--ink); }
.tnb-callout{ background:#FFF3EC; border-left-width:5px; }
.tnb-callout b{ font-family:var(--sans); font-weight:800; font-size:.8rem; letter-spacing:.16em; text-transform:uppercase; color:var(--coral-deep); }
.tnb-faq summary{ font-family:var(--sans); font-weight:800; font-size:1.12rem; }
.tnb-table{ font-size:1rem; }
.tnb-table thead th{ font-size:.86rem; font-weight:800; }
.editorial{ grid-template-columns:minmax(0,var(--readw)) minmax(300px,1fr); }
.editorial > .rail{ top:calc(var(--nav-h) + 20px); }
.rail__box{ border-radius:18px; background:var(--shell); }
.rail__box h3.h4,.rail__box h4{ font-family:var(--sans); font-weight:800; font-size:.8rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--palm-deep); margin:0 0 .9rem; }
.rail__box li{ font-size:.98rem; color:var(--ink); }
.rail__box .toc a{ color:var(--ink); font-weight:700; }
.rail__box .toc li{ padding:.5em 0; }
.rail__box .btn{ width:100%; justify-content:center; }

/* ---- cards & lists: heavier, darker ---- */
.card{ border-radius:18px; }
.card h3{ font-size:1.3rem; margin:.5rem 0 .55rem; }
.card p{ font-size:1.02rem; color:var(--ink); }
.card .k{ font-size:.78rem; font-weight:800; }
.jcard{ border-radius:18px; }
.jcard h3{ font-size:1.28rem; }
.jcard p{ font-size:1rem; }
.jcard .cat{ font-weight:800; font-size:.76rem; }
.jcard .rd,.gcard .rd{ font-size:.9rem; font-weight:800; }
.gcard{ border-radius:18px; }
.gcard h3{ font-size:1.22rem; }
.gcard p{ font-size:1rem; }
.gcard .k{ font-weight:800; font-size:.74rem; }
.review p{ font-family:var(--display); font-size:clamp(1.3rem,1.6vw,1.6rem); font-weight:400; }
.review .who{ font-size:.92rem; }
.amen__col h3{ font-size:1.12rem; border-bottom-width:3px; }
.amen__col li{ font-size:1.02rem; color:var(--ink); padding-block:.5em; }
.area__item h3{ font-size:1.32rem; }
.area__item p{ font-size:1.02rem; color:var(--ink); }
.area__item .d{ font-weight:800; }
.pol__card p,.pol__card li,.acc-feat div,.smap li{ color:var(--ink); }
.foot a{ font-size:1rem; }
.foot__brand p{ font-size:1.02rem; color:#C9D8D3; }
.foot__legal{ font-size:.86rem; }
.trust{ font-size:.95rem; padding:20px var(--gutter); }
.phead__meta{ font-size:.82rem; color:var(--lagoon-lt); }
.hero__sub{ font-weight:500; font-size:clamp(1.1rem,1.55vw,1.4rem); }
.hero__facts b{ font-size:clamp(1.7rem,2.6vw,2.4rem); }
.hero__facts span{ font-size:.82rem; font-weight:800; }
.marquee__track span{ font-weight:400; }

/* ==========================================================================
   PAGE HEADER v5 - split (dark panel + photo or facts card) or full-bleed photo
   ========================================================================== */
.phead{ position:relative; overflow:hidden; isolation:isolate; background:var(--ocean-2); color:#fff;
  padding:calc(var(--nav-h) + clamp(44px,6vw,90px)) var(--gutter) clamp(44px,5.5vw,84px); }
.phead::before{ content:""; position:absolute; inset:0; z-index:-1;
  background:radial-gradient(70% 90% at 88% 8%, rgba(18,166,160,.3), transparent 60%),
             radial-gradient(60% 70% at 8% 100%, rgba(240,98,58,.2), transparent 55%),
             linear-gradient(180deg, var(--palm-deep), var(--ocean-2)); }
.phead__wm{ position:absolute; right:-3%; bottom:-16%; width:min(520px,44%); height:auto; opacity:.07;
  pointer-events:none; user-select:none; z-index:-1; }
.phead__grid{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:clamp(28px,5vw,80px); align-items:center; }
.phead__grid > .reveal{ min-width:0; }
.phead h1{ font-size:clamp(2.6rem,5.6vw,5.2rem); max-width:16ch; }
.phead .lead{ color:#DCE9E5; font-size:clamp(1.18rem,1.6vw,1.45rem); max-width:56ch; margin-top:1.1rem; }
.phead__media{ border-radius:20px; overflow:hidden; aspect-ratio:4/3; background:var(--night);
  box-shadow:0 40px 80px -46px rgba(0,0,0,.8); }
.phead__media img{ width:100%; height:100%; object-fit:cover; display:block; }
.pcard{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.18); border-radius:20px;
  padding:clamp(20px,2.2vw,30px); color:#fff; box-shadow:0 30px 60px -40px rgba(0,0,0,.7); }
.pcard .k{ display:block; font-size:.74rem; letter-spacing:.2em; text-transform:uppercase; font-weight:800;
  color:var(--lagoon-lt); margin-bottom:.7rem; }
.pcard h3{ color:#fff; font-size:1.25rem; margin:0 0 .6rem; }
.pcard ul{ list-style:none; margin:0; padding:0; }
.pcard li{ display:flex; justify-content:space-between; gap:16px; padding:.55em 0; align-items:baseline;
  border-bottom:1px solid rgba(255,255,255,.13); font-size:.98rem; color:#DCE9E5; }
.pcard li:last-child{ border-bottom:0; }
.pcard li span{ flex:0 0 auto; }
.pcard li b{ color:#fff; text-align:right; font-weight:800; }
.pcard .btn{ margin-top:1.1rem; width:100%; justify-content:center; }
.pcard p{ font-size:.98rem; color:#DCE9E5; margin:0 0 .6rem; }
/* full-bleed photo header */
.phead--photo{ min-height:min(74svh,780px); display:flex; align-items:flex-end;
  padding-top:calc(var(--nav-h) + clamp(70px,9vw,140px)); }
.phead--photo .phead__grid{ width:100%; align-items:end; }
.phead__bg{ position:absolute; inset:0; z-index:-2; }
.phead__bg img{ width:100%; height:100%; object-fit:cover; display:block; }
.phead--photo::before{ background:linear-gradient(180deg, rgba(8,19,28,.58) 0%, rgba(8,19,28,.18) 32%,
  rgba(8,19,28,.36) 58%, rgba(8,19,28,.92) 100%); }
.phead--photo h1{ text-shadow:0 3px 40px rgba(0,0,0,.45); }
.phead--photo .lead{ text-shadow:0 1px 18px rgba(0,0,0,.5); color:#EEF5F2; }
.phead--photo .pcard{ background:rgba(8,19,28,.62); }
@media (max-width:900px){
  .phead__grid{ grid-template-columns:1fr; gap:26px; }
  .phead__media{ aspect-ratio:16/10; }
  .phead--photo{ min-height:0; padding-top:calc(var(--nav-h) + 56px); }
  .phead h1{ max-width:none; }
}

/* ==========================================================================
   HOME v5
   ========================================================================== */
.intro{ display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(28px,5vw,90px); align-items:stretch;
  padding-inline:var(--gutter); }
.intro__media{ position:relative; border-radius:20px; overflow:hidden; min-height:clamp(420px,48vw,700px);
  background:var(--sand-2); }
.intro__media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.intro__chip{ position:absolute; left:18px; bottom:18px; background:rgba(8,19,28,.74); color:#fff;
  padding:10px 15px; border-radius:12px; font-size:.86rem; font-weight:700; letter-spacing:.02em; }
.intro__cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:1.4rem; }
.stat4{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:2.2rem; }
.stat4 div{ background:var(--shell); border:1px solid var(--line); border-radius:16px; padding:18px 20px; }
.stat4 b{ font-family:var(--display); font-size:clamp(2rem,3vw,2.8rem); color:var(--palm); display:block;
  line-height:1; font-weight:400; }
.stat4 div > span{ font-size:.8rem; letter-spacing:.14em; text-transform:uppercase; font-weight:800;
  color:var(--ink-soft); display:block; margin-top:.45rem; }
.stat4 b span{ font:inherit; display:inline; margin:0; letter-spacing:inherit; text-transform:none; color:inherit; }
.stat4--row{ grid-template-columns:repeat(4,1fr); }
.band-palm .stat4 div{ background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.16); }
.band-palm .stat4 b{ color:var(--lagoon-lt); }
.band-palm .stat4 div > span{ color:#C9D8D3; }

.marquee--dark{ background:var(--night); border:0; }
.marquee--dark .marquee__track span{ color:#fff; }
.marquee--dark .marquee__track span::after{ color:var(--lagoon-lt); }

.feature__body{ padding:clamp(40px,5vw,80px) clamp(28px,4vw,72px); }
.feature__body h2{ max-width:15ch; }
.feature__body .lead{ max-width:52ch; margin-top:.4rem; }
.feature__specs{ display:flex; flex-wrap:wrap; gap:8px; margin:1.2rem 0 1.5rem; }
.feature__specs span{ border:1px solid var(--line); background:var(--shell); border-radius:999px;
  padding:7px 13px; font-size:.86rem; font-weight:700; color:var(--ink); }
.feature__media{ min-height:clamp(340px,46vw,680px); }

.essentials{ background:var(--palm-deep); color:#EAF3EE; }
.essentials .eyebrow{ color:var(--lagoon-lt); } .essentials .eyebrow::before{ background:var(--lagoon-lt); }
.essentials h2{ color:#fff; }
.essentials .amen{ grid-template-columns:repeat(4,1fr); }
.essentials .amen__col{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.13);
  border-radius:18px; padding:clamp(20px,2vw,30px); }
.essentials .amen__col h3{ color:#fff; border-bottom-color:var(--lagoon-lt); }
.essentials .amen__col li{ color:#DCE9E5; border-bottom-color:rgba(255,255,255,.1); }
.essentials .amen__col li::before{ background:var(--lagoon-lt); }
.essentials .amen__cta{ background:var(--coral); border-color:var(--coral); color:#fff; display:flex;
  flex-direction:column; justify-content:center; }
.essentials .amen__cta h3{ border:0; display:block; color:#fff; font-size:1.5rem; margin:0 0 .4rem; padding:0; }
.essentials .amen__cta p{ color:#FFE7DE; font-size:1rem; margin:0 0 1.2rem; }
.essentials .amen__cta .btn{ background:#fff; color:var(--coral-deep); align-self:flex-start; box-shadow:none; }
.essentials .amen__cta .btn:hover{ background:var(--night); color:#fff; }
.essentials .btn--ghost{ color:#fff; border-color:rgba(255,255,255,.75); }
.essentials .btn--ghost:hover{ background:#fff; color:var(--palm-deep); border-color:#fff; }

.reviews-band{ position:relative; color:#fff; overflow:hidden; isolation:isolate; }
.reviews-band > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
.reviews-band::before{ content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(160deg, rgba(12,71,99,.92), rgba(8,19,28,.86)); }
.reviews-band .review{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.16); color:#fff; }
.reviews-band .review .stars{ color:var(--lagoon-lt); }
.reviews-band .review .who span{ color:#B9CCC4; }
.reviews-band h2{ color:#fff; }
.reviews-band .eyebrow{ color:var(--lagoon-lt); } .reviews-band .eyebrow::before{ background:var(--lagoon-lt); }
.reviews-band__head{ display:grid; grid-template-columns:auto 1fr; gap:20px 48px; align-items:center;
  padding:0 var(--gutter); margin-bottom:clamp(28px,3vw,44px); }
.rating-big{ display:flex; align-items:baseline; gap:14px; }
.rating-big b{ font-family:var(--display); font-size:clamp(4.2rem,8vw,7.2rem); line-height:1; color:#fff; font-weight:400; }
.rating-big .stars{ color:var(--lagoon-lt); font-size:1.4rem; letter-spacing:.1em; }
.reviews-band__head p{ color:#DCE9E5; font-size:1.05rem; max-width:44ch; margin:.6rem 0 0; }
.reviews-band__head a{ color:#fff; font-weight:800; text-decoration:underline; text-underline-offset:3px; }

.flyband{ display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(28px,4vw,70px); align-items:center;
  padding-inline:var(--gutter); }
.flyband__map{ border-radius:22px; overflow:hidden; background:var(--night); border:1px solid var(--line);
  box-shadow:0 40px 80px -50px rgba(8,19,28,.8); }
.flyband__map .fm--teaser{ padding:0; background:var(--night); }
.flyband__map .fm__svg{ display:block; width:100%; height:auto; }
.flyband__links{ display:flex; flex-wrap:wrap; gap:12px; margin-top:1.4rem; }

.social{ display:flex; flex-wrap:wrap; gap:10px; }
.social a{ display:inline-flex; align-items:center; gap:.55em; border:1px solid var(--line); border-radius:999px;
  padding:9px 16px 9px 12px; font-weight:800; font-size:.92rem; color:var(--ink); background:var(--shell);
  transition:transform .25s var(--ease), border-color .25s, color .25s; }
.social a:hover{ border-color:var(--coral); color:var(--coral-deep); transform:translateY(-2px); }
.social svg{ width:20px; height:20px; fill:currentColor; flex:none; }
.social--dark a{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.18); color:#EAF3EE; }
.social--dark a:hover{ border-color:var(--lagoon-lt); color:#fff; }
.foot .social{ margin-top:16px; }
.foot .social a{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16); color:#EAF3EE;
  padding:8px 14px 8px 10px; font-size:.86rem; display:inline-flex; }
.foot .social a:hover{ border-color:var(--lagoon-lt); color:#fff; }
.followband{ display:grid; grid-template-columns:1fr auto; gap:24px 40px; align-items:center;
  padding:clamp(34px,4vw,56px) var(--gutter); background:var(--sand-2); border-block:1px solid var(--line); }
.followband h2{ font-size:clamp(1.7rem,2.8vw,2.5rem); }
.followband p{ margin:.5rem 0 0; color:var(--ink-soft); max-width:52ch; }
.followband .social a{ font-size:1rem; padding:12px 20px 12px 16px; }
.followband .social svg{ width:22px; height:22px; }

/* ==========================================================================
   GUIDES HUB v2
   ========================================================================== */
.gjump{ display:flex; flex-wrap:wrap; gap:8px; padding:clamp(22px,3vw,36px) var(--gutter) 0; }
.gjump a{ border:1px solid var(--line); border-radius:999px; padding:9px 15px; font-weight:800; font-size:.88rem;
  color:var(--ink); background:var(--shell); transition:.2s; display:inline-flex; align-items:center; gap:.5em; }
.gjump a i{ width:9px; height:9px; border-radius:50%; background:var(--c,var(--palm)); }
.gjump a:hover{ border-color:var(--lagoon); color:var(--palm-deep); transform:translateY(-1px); }
.gfeat{ display:grid; grid-template-columns:1.05fr 1fr; margin:clamp(22px,3vw,36px) var(--gutter) 0;
  border-radius:22px; overflow:hidden; background:var(--palm-deep); color:#fff; min-height:380px;
  box-shadow:0 40px 80px -50px rgba(8,19,28,.7); }
.gfeat__img{ position:relative; min-height:280px; }
.gfeat__img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.gfeat__b{ padding:clamp(28px,3.5vw,54px); display:flex; flex-direction:column; justify-content:center; }
.gfeat__b h2{ color:#fff; font-size:clamp(2rem,3.4vw,3rem); margin:.4rem 0 .8rem; }
.gfeat__b p{ color:#DCE9E5; font-size:1.08rem; max-width:52ch; }
.gfeat .eyebrow{ color:var(--lagoon-lt); } .gfeat .eyebrow::before{ background:var(--lagoon-lt); }
.gfeat .btn{ align-self:flex-start; margin-top:.6rem; }
.ghub-cat{ margin:0; padding:clamp(36px,4.5vw,64px) 0; border-top:1px solid var(--line); }
.ghub-cat:nth-of-type(even){ background:var(--sand-2); }
.ghub-cat__head{ max-width:none; display:grid; grid-template-columns:auto 1fr; gap:6px 44px; align-items:end;
  margin-bottom:clamp(18px,2.4vw,30px); }
.ghub-cat__head .eyebrow{ grid-column:1/-1; margin-bottom:.2rem; }
.ghub-cat__head h2{ font-size:clamp(1.9rem,3.2vw,2.8rem); margin:0; }
.ghub-cat__head p{ font-size:1.05rem; color:var(--ink); max-width:60ch; margin:0 0 .4rem; }
.gcards{ display:flex; flex-wrap:wrap; }
.gcards > .gcard{ flex:1 1 clamp(260px,22%,440px); min-width:0; }
.gcard--wide{ flex-basis:100% !important; }

/* ==========================================================================
   FLIGHT ROUTE MAP (.fm) + destination tables (.fdest)
   ========================================================================== */
.fm{ background:var(--night); color:#EAF3EE; padding:clamp(40px,5vw,72px) var(--gutter); }
.fm__head{ display:grid; grid-template-columns:1.1fr 1fr; gap:20px 60px; align-items:end; margin-bottom:22px; }
.fm h2{ color:#fff; max-width:16ch; }
.fm .eyebrow{ color:var(--lagoon-lt); } .fm .eyebrow::before{ background:var(--lagoon-lt); }
.fm__lead{ color:#C9D8D3; font-size:1.06rem; line-height:1.6; margin:0; }
.fm__air{ display:flex; flex-wrap:wrap; gap:10px 26px; align-items:center; margin:8px 0 22px; }
.fm__air-g{ display:inline-flex; flex-wrap:wrap; gap:6px; align-items:center; }
.fm__air-k{ font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:#93A8A2; margin-right:4px; }
.fm__chip{ display:inline-flex; align-items:center; gap:.5em; border:1px solid rgba(255,255,255,.18);
  border-radius:999px; padding:6px 12px 6px 8px; font:inherit; font-size:.8rem; font-weight:800; color:#fff;
  background:rgba(255,255,255,.05); cursor:pointer; user-select:none; transition:.2s; line-height:1.2; }
.fm__chip i{ width:12px; height:12px; border-radius:50%; background:var(--c); box-shadow:0 0 0 2px rgba(255,255,255,.28); flex:none; }
.fm__chip:hover,.fm__chip:focus-visible{ border-color:var(--lagoon-lt); background:rgba(55,198,190,.14); }
.fm__chip.is-on{ border-color:var(--lagoon-lt); background:var(--lagoon); color:#fff; }
.fm__chip--clear{ background:var(--coral); border-color:var(--coral); }
.fm__chip[hidden]{ display:none; }
.fm__grid{ display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr); gap:clamp(20px,3vw,44px); align-items:start; }
.fm__stage{ position:relative; border-radius:20px; overflow:hidden; background:#0B2230; border:1px solid rgba(255,255,255,.1); }
.fm__svg{ width:100%; height:auto; display:block; }
.fm__land{ fill:#12414F; stroke:#1F6072; stroke-width:.6; }
.fm__grat line{ stroke:rgba(255,255,255,.06); stroke-width:.6; }
.fm__rt{ fill:none; stroke:var(--coral); stroke-width:1.1; stroke-opacity:.6; transition:opacity .25s; }
.fm__rt--seas{ stroke-dasharray:4 4; }
.fm__rt--intl{ stroke:var(--lagoon-lt); }
.fm__fly{ fill:#fff; opacity:.9; transition:opacity .25s; }
html:not(.m-full) .fm__flights{ display:none; }
.fm__halo{ fill:url(#fm-hub); }
.fm__pins{ position:absolute; inset:0; }
.fm__pin{ position:absolute; transform:translate(-50%,-50%); width:14px; height:14px; display:block;
  transition:opacity .25s; outline:none; }
.fm__pin--major{ z-index:2; }
.fm__pin:hover,.fm__pin:focus-visible{ z-index:6; }
.fm__dot{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:7px; height:7px;
  border-radius:50%; background:#FFD9CC; box-shadow:0 0 0 2px rgba(8,19,28,.7); transition:transform .2s; }
.fm__pin--major .fm__dot{ width:9px; height:9px; background:#fff; }
.fm__pin--intl .fm__dot{ background:var(--lagoon-lt); }
.fm__pin:hover .fm__dot,.fm__pin:focus-visible .fm__dot{ transform:translate(-50%,-50%) scale(1.5); }
.fm__lbl{ position:absolute; left:13px; top:50%; transform:translateY(-50%); white-space:nowrap;
  font-size:.62rem; font-weight:800; letter-spacing:.01em; color:#EAF3EE; text-shadow:0 1px 3px rgba(0,0,0,.9), 0 0 10px rgba(0,0,0,.7);
  pointer-events:none; }
.fm__pin--l .fm__lbl{ left:auto; right:13px; }
.fm__pop{ position:absolute; z-index:5; left:12px; bottom:12px; min-width:200px; max-width:260px; background:#fff; color:var(--ink);
  border-radius:12px; padding:10px 13px; box-shadow:0 22px 44px -18px rgba(0,0,0,.7); opacity:0; visibility:hidden;
  transform:translateY(6px); transition:.2s; pointer-events:none; font-size:.82rem; line-height:1.4; text-align:left; }
.fm__pin--l .fm__pop{ left:auto; right:12px; }
.fm__pin:hover .fm__pop,.fm__pin:focus-visible .fm__pop{ opacity:1; visibility:visible; transform:none; }
.fm__pop b{ display:block; font-size:.95rem; font-weight:800; margin-bottom:.3em; }
.fm__pop b small{ display:inline; color:var(--ink-soft); font-weight:700; }
.fm__pop > small{ display:block; color:var(--ink-soft); margin-top:.45em; font-size:.76rem; }
.fm__pop .fa{ display:inline-flex; align-items:center; gap:.35em; margin:.15em .7em .15em 0; font-weight:700; }
.fm__pop .fa i{ width:9px; height:9px; border-radius:50%; background:var(--c); }
.fm__pin--home{ width:20px; height:20px; z-index:4; pointer-events:none; }
.fm__dot--home{ width:14px; height:14px; background:var(--coral); box-shadow:0 0 0 3px #fff, 0 0 0 7px rgba(240,98,58,.35); }
html.m-full .fm__dot--home{ animation:fmpulse 2.4s ease-out infinite; }
@keyframes fmpulse{ 0%{ box-shadow:0 0 0 3px #fff, 0 0 0 6px rgba(240,98,58,.5); } 100%{ box-shadow:0 0 0 3px #fff, 0 0 0 22px rgba(240,98,58,0); } }
.fm__lbl--home{ left:auto; right:18px; text-align:right; font-size:.78rem; color:#fff; }
.fm__lbl--home b{ display:block; font-size:.62rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--lagoon-lt); }
.fm__side .fcard{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.13); border-radius:18px;
  padding:20px 22px; margin-bottom:16px; }
.fcard .k{ display:block; font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; font-weight:800; color:var(--lagoon-lt); }
.fcard h3{ color:#fff; font-size:1.12rem; margin:.3rem 0 .6rem; }
.fcard p,.fcard li{ font-size:.94rem; color:#DCE9E5; line-height:1.55; }
.fcard p{ margin:0 0 .5rem; }
.fcard ul{ list-style:none; padding:0; margin:0; }
.fcard li{ padding:.42em 0; border-bottom:1px solid rgba(255,255,255,.1); display:flex; justify-content:space-between; gap:12px; }
.fcard li:last-child{ border-bottom:0; }
.fcard li b{ color:#fff; font-weight:800; }
.fcard__legend li{ justify-content:flex-start; align-items:center; gap:10px; }
.fcard__legend .lg{ display:inline-block; width:26px; height:0; border-top:2px solid var(--coral); flex:none; }
.fcard__legend .lg--seas{ border-top-style:dashed; }
.fcard__legend .lg--intl{ border-color:var(--lagoon-lt); }
.fcard__stats{ display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; }
.fcard__stats li{ display:block; border:0; padding:.3em 0; }
.fcard__stats b{ display:block; font-family:var(--display); font-size:clamp(1.8rem,2.6vw,2.4rem); line-height:1; color:var(--lagoon-lt); font-weight:400; }
.fcard__stats span{ display:block; font-size:.74rem; letter-spacing:.12em; text-transform:uppercase; font-weight:800; color:#B9CCC4; margin-top:.3rem; }
.fm__foot{ font-size:.82rem; color:#93A8A2; margin:20px 0 0; max-width:86ch; line-height:1.55; }
.fm--teaser{ padding:0; }
.fm--teaser .fm__rt{ stroke-width:.9; stroke-opacity:.5; }

.fdest{ display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:clamp(16px,2vw,26px); padding-inline:var(--gutter); }
.fdest__reg{ background:var(--shell); border:1px solid var(--line); border-radius:18px; padding:20px 22px; }
.fdest__reg h3{ font-size:1.12rem; margin:0 0 .6rem; padding-bottom:.55rem; border-bottom:3px solid var(--coral);
  display:flex; justify-content:space-between; align-items:baseline; }
.fdest__reg h3 span{ font-family:var(--display); font-size:1.5rem; color:var(--palm); font-weight:400; }
.fdest__reg ul{ list-style:none; margin:0; padding:0; }
.fdest__reg li{ display:grid; grid-template-columns:1fr auto; gap:2px 12px; padding:.5em 0; border-bottom:1px solid var(--line);
  font-size:.94rem; align-items:baseline; }
.fdest__reg li:last-child{ border-bottom:0; }
.fdest__reg li b{ color:var(--ink); font-weight:800; }
.fdest__reg li .iata{ font-weight:700; color:var(--ink-soft); font-size:.8rem; margin-left:.3em; }
.fdest__reg li .fa-list{ font-size:.8rem; color:var(--ink-soft); text-align:right; font-weight:600; }
.fdest__reg li small{ grid-column:1/-1; font-size:.78rem; color:var(--coral-deep); font-weight:700; }

/* ---- responsive for the v5 blocks ---- */
@media (max-width:1180px){ .fm__grid{ grid-template-columns:1fr; } .fm__lbl{ font-size:.6rem; } }
@media (max-width:1080px){
  .intro,.flyband,.gfeat{ grid-template-columns:1fr; }
  .essentials .amen{ grid-template-columns:1fr 1fr; }
  .stat4--row{ grid-template-columns:repeat(2,1fr); }
  .fm__head{ grid-template-columns:1fr; }
  .reviews-band__head{ grid-template-columns:1fr; }
  .intro__media{ min-height:clamp(320px,60vw,520px); }
}
@media (max-width:700px){
  .essentials .amen{ grid-template-columns:1fr; }
  .followband{ grid-template-columns:1fr; }
  .ghub-cat__head{ grid-template-columns:1fr; }
  .fm__pin:not(.fm__pin--major):not(.fm__pin--home) .fm__dot{ width:5px; height:5px; }
  .fm__lbl{ display:none; }
  .fm__pin--home .fm__lbl--home{ display:block; }
  .fm__pop{ min-width:170px; }
  .feature__body{ padding:32px var(--gutter) 40px; }
}
@media (max-width:480px){ .stat4{ grid-template-columns:1fr 1fr; gap:10px; } .stat4 div{ padding:14px 16px; } }

/* v5 fix: the tail .editorial rule above out-ranked the older responsive collapse; restate it */
@media (max-width:1020px){
  .editorial{ display:block; }
  .editorial > .rail{ position:static; top:auto; max-width:560px; margin-top:28px; }
  .phead__grid > .phead__aside{ max-width:560px; }
}

/* ==========================================================================
   NAV v6 — dark ocean-glass mega dropdowns (2026-09-08)
   Total re-skin of the desktop dropdown panels to the current portfolio menu
   standard: a deep ocean-glass card, spacious title + blurb links, borderless
   glass tiles, refined photo feature cards and a bottom utility bar. Appended
   at EOF so it wins on source order over the older light .nd rules above.
   Only the one grid-column change is width-guarded so the ≤1080 fold survives.
   ========================================================================== */
.nd__panel{
  background:linear-gradient(178deg, rgba(12,30,42,.985), rgba(7,18,27,.99));
  color:#EAF3EE; border:1px solid rgba(255,255,255,.08);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.72), 0 16px 44px -26px rgba(0,0,0,.6),
             inset 0 1px 0 rgba(255,255,255,.05);
}
.nd--mega .nd__panel{ border-top:2px solid var(--coral); border-radius:20px; padding:24px 24px 18px; }
.nd__panel a{ color:#EAF3EE; }

/* section eyebrows a touch brighter on the dark card */
.nd__ch,.nd__mega-k,.nd__post-k,.nd__gt{ color:#FF7A54; }

/* title + blurb links — give them air and a coral hover accent */
.nd__link{ padding:11px 14px; border-radius:12px; position:relative; }
.nd__link:hover,.nd__panel .nd__post:hover{ background:rgba(255,255,255,.06); }
.nd__link::before{ content:""; position:absolute; left:1px; top:11px; bottom:11px; width:2px;
  border-radius:2px; background:var(--coral); opacity:0; transition:opacity .2s var(--ease); }
.nd__link:hover::before{ opacity:1; }
.nd__ll,.nd__gl,.nd__post-t{ color:#F4EEE4; }
.nd__link:hover .nd__ll{ color:#fff; }
.nd__lb,.nd__post-d{ color:rgba(234,243,238,.6); }
.nd__link--all .nd__ll,.nd__panel .nd__facts a,.nd__panel .nd__tel{ color:var(--lagoon-lt); }

/* group tiles + theme/util cards → borderless glass */
.nd__gcell{ background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); }
.nd__gcell:hover{ background:rgba(255,255,255,.09); border-color:rgba(240,98,58,.55);
  box-shadow:0 14px 30px -20px rgba(0,0,0,.7); }
.nd__util{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); }
.nd__facts li{ color:rgba(234,243,238,.82); border-bottom:1px solid rgba(255,255,255,.09); }
.nd__panel .nd__chip{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
  color:#EAF3EE; }
.nd__panel .nd__chip:hover{ background:rgba(255,255,255,.1); border-color:rgba(240,98,58,.55);
  transform:translateY(-1px); }

/* feature + map cards: a touch taller with a stronger scrim for bright photos */
.nd__feat,.nd__mapcard{ min-height:250px; }
.nd__feat-b{ background:linear-gradient(180deg, rgba(6,16,24,0) 0%, rgba(6,16,24,.5) 52%,
  rgba(6,16,24,.92) 100%); }

/* ---- the bottom utility bar (spans the whole panel under the columns) ---- */
.nd__bar{ grid-column:1 / -1; display:flex; align-items:center; gap:8px 22px; flex-wrap:wrap;
  margin-top:16px; padding-top:15px; border-top:1px solid rgba(255,255,255,.1); }
.nd__barlinks{ display:flex; align-items:center; gap:8px 22px; flex-wrap:wrap; }
.nd__panel a.nd__barlink{ font-family:var(--sans); font-weight:800; font-size:.72rem;
  letter-spacing:.14em; text-transform:uppercase; color:rgba(234,243,238,.72); padding:4px 0; }
.nd__panel a.nd__barlink:hover{ color:#fff; }
.nd__panel a.nd__barcta{ margin-left:auto; display:inline-flex; align-items:center; gap:.5em;
  background:var(--coral); color:#fff; font-weight:800; font-size:.82rem; padding:.6em 1.25em;
  border-radius:999px; box-shadow:0 12px 28px -12px rgba(240,98,58,.8); }
.nd__panel a.nd__barcta:hover{ background:var(--coral-deep); }
.nd__panel a.nd__barcta span{ display:inline-block; transition:transform .3s var(--ease); }
.nd__panel a.nd__barcta:hover span{ transform:translateX(4px); }

/* trigger label feedback + groups feature-rail room (width-guarded) */
.nd:hover > .nd__top,.nd:focus-within > .nd__top,.nd.is-active > .nd__top{ color:#fff; }
@media (min-width:1081px){
  .nd__mega--groups{ grid-template-columns:1.15fr 2.2fr 1fr; }
}


/* ==========================================================================
   REVIEWS (2026-09-26): real Airbnb guest reviews site-wide. Cards with the
   guest's own photo (or an initial), the fractional star meter, the /reviews
   scoreboard + filterable wall, the home review rail, topic strips on the
   property and group pages. Rendered by reviews.py (4 and 5 stars only,
   newest first). Self-contained .rv* / .stars5 block, appended at EOF.
   ========================================================================== */
.stars5{ --r:5; position:relative; display:inline-block; line-height:1; font-size:1.35rem;
  letter-spacing:.14em; white-space:nowrap; color:rgba(21,34,46,.16); font-family:var(--sans); }
.stars5::before{ content:"\2605\2605\2605\2605\2605"; }
.stars5::after{ content:"\2605\2605\2605\2605\2605"; position:absolute; left:0; top:0; overflow:hidden;
  width:calc(var(--r) / 5 * 100%); color:var(--coral); }
.stars5--dark,.rvscore .stars5{ color:rgba(255,255,255,.26); }
.stars5--dark::after,.rvscore .stars5::after{ color:var(--lagoon-lt); }
.rating-big .stars5{ font-size:1.4rem; }

/* the card */
.rv{ position:relative; display:flex; flex-direction:column; gap:12px; min-width:0;
  background:var(--shell); border:1px solid var(--line); border-radius:18px;
  padding:22px 22px 20px; box-shadow:0 18px 36px -30px rgba(21,34,46,.45); }
.rv[hidden]{ display:none; }
.rv__who{ display:flex; align-items:center; gap:13px; min-width:0; }
.rv__face,.rv__mono{ width:52px; height:52px; flex:0 0 52px; border-radius:50%; }
.rv__face{ object-fit:cover; background:var(--sand-2); box-shadow:0 0 0 2px var(--shell), 0 0 0 3px var(--line); }
.rv__mono{ display:grid; place-items:center; color:#fff; font:800 1.25rem/1 var(--sans);
  background:linear-gradient(135deg, var(--palm), var(--lagoon)); }
.rv__name{ display:block; font:800 1.02rem/1.25 var(--sans); color:var(--ink); letter-spacing:.005em; }
.rv__meta{ display:block; margin-top:3px; font-size:.84rem; font-weight:600; line-height:1.35; color:var(--ink-soft); }
.rv__row{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; }
.rv__stars{ color:var(--coral); font-size:1rem; letter-spacing:.12em; line-height:1; white-space:nowrap; }
.rv__stars .off{ color:rgba(21,34,46,.18); }
.rv__tag{ font:800 .68rem/1 var(--sans); letter-spacing:.09em; text-transform:uppercase; color:var(--palm);
  background:rgba(18,103,143,.09); border-radius:999px; padding:6px 10px; }
.rv__text{ font-size:clamp(16px,1vw,17.5px); line-height:1.62; font-weight:500; color:var(--ink); overflow-wrap:anywhere; }
.rv__text p{ margin:0 0 .65em; }
.rv__text p:last-child{ margin-bottom:0; }
.rv-js .rv__text.is-long:not(.is-open){ max-height:9.8em; overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 58%,transparent); mask-image:linear-gradient(180deg,#000 58%,transparent); }
.rv__more{ align-self:flex-start; background:none; border:0; padding:0; cursor:pointer;
  font:800 .86rem/1.2 var(--sans); color:var(--palm); text-decoration:underline; text-underline-offset:3px; }
.rv__more:hover{ color:var(--coral-deep); }
.rv__tr{ margin:0; font-size:.8rem; font-weight:600; color:var(--ink-soft); }
.rv__reply{ border-left:3px solid var(--coral); padding:2px 0 2px 12px; }
.rv__reply summary{ cursor:pointer; list-style:none; font:800 .85rem/1.3 var(--sans); color:var(--coral-deep); }
.rv__reply summary::-webkit-details-marker{ display:none; }
.rv__reply summary::before{ content:"+ "; }
.rv__reply[open] summary::before{ content:"\2013  "; }
.rv__reply p{ margin:.5em 0 0; font-size:.92rem; line-height:1.55; color:var(--ink-soft); }

/* on the dark home band */
.reviews-band .rv{ background:rgba(6,20,30,.62); border-color:rgba(255,255,255,.16); box-shadow:none; }
.reviews-band .rv__face{ box-shadow:0 0 0 2px rgba(255,255,255,.9); }
.reviews-band .rv__name,.reviews-band .rv__text{ color:#fff; }
.reviews-band .rv__meta,.reviews-band .rv__tr{ color:#C6D8D4; }
.reviews-band .rv__stars{ color:var(--lagoon-lt); }
.reviews-band .rv__stars .off{ color:rgba(255,255,255,.25); }
.reviews-band .rv__tag{ color:#fff; background:rgba(255,255,255,.12); }
.reviews-band .rv__more{ color:var(--lagoon-lt); }
.reviews-band .rv__more:hover{ color:#fff; }
.reviews-band .rv__reply p{ color:#C6D8D4; }
.reviews-band .rv__reply summary{ color:#FF9A7A; }
.reviews-band .btn--ghost{ color:#fff; border-color:rgba(255,255,255,.7); }
.reviews-band .btn--ghost:hover{ background:#fff; color:var(--palm-deep); border-color:#fff; }

/* home: swipeable rail */
.rvrail{ display:grid; grid-auto-flow:column; grid-auto-columns:min(84vw, 372px); gap:18px; align-items:start;
  overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory;
  scroll-padding-inline:var(--gutter); padding:6px var(--gutter) 20px;
  scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.35) transparent; }
.rvrail:focus-visible{ outline:2px solid var(--lagoon-lt); outline-offset:-2px; }
.rvrail > .rv{ scroll-snap-align:start; }
.rvrail__nav{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px;
  padding:6px var(--gutter) 0; }
.rvrail__btns{ display:flex; gap:10px; }
.rvrail__btns button{ width:50px; height:50px; border-radius:50%; cursor:pointer; font:700 1.2rem/1 var(--sans);
  color:#fff; background:rgba(255,255,255,.08); border:1.5px solid rgba(255,255,255,.4); transition:background .2s; }
.rvrail__btns button:hover{ background:rgba(255,255,255,.2); }

/* /reviews: scoreboard */
.rvscore{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(26px,4vw,70px);
  align-items:center; margin:0 var(--gutter); padding:clamp(28px,3.6vw,56px); border-radius:26px; color:#fff;
  background:radial-gradient(120% 140% at 0% 0%, #12678F 0%, #0C4763 45%, #08131C 100%); }
.rvscore__badge{ display:inline-flex; align-items:center; gap:8px; font:800 .74rem/1 var(--sans);
  letter-spacing:.12em; text-transform:uppercase; color:var(--night); background:var(--lagoon-lt);
  border-radius:999px; padding:9px 13px; }
.rvscore__n{ font-family:var(--display); font-size:clamp(4.4rem,9vw,7.4rem); line-height:.95; margin:16px 0 10px; color:#fff; }
.rvscore p{ margin:16px 0 0; max-width:46ch; font-size:1rem; color:#D6E6E2; }
.rvscore p a{ color:#fff; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.rvscore__k{ display:block; margin-bottom:14px; font:800 .78rem/1.3 var(--sans); letter-spacing:.14em;
  text-transform:uppercase; color:var(--lagoon-lt); }
.rvscore__cats{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.rvscore__cats li{ display:flex; flex-direction:column; gap:6px; padding:16px 16px 14px; border-radius:16px;
  background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); }
.rvscore__cats span{ font-size:.86rem; font-weight:700; color:#D6E6E2; }
.rvscore__cats b{ font-family:var(--display); font-weight:400; font-size:clamp(1.9rem,2.6vw,2.4rem); line-height:1; color:#fff; }

/* /reviews: filters + wall */
.rvsec{ scroll-margin-top:calc(var(--nav-h) + 12px); }
.rvtools{ display:flex; flex-wrap:wrap; gap:8px; padding:0 var(--gutter); margin:0 0 26px; }
.rvtools button{ border:1px solid var(--line); background:var(--shell); color:var(--ink-soft); cursor:pointer;
  border-radius:999px; padding:9px 16px; font:700 .86rem/1.1 var(--sans); transition:.2s; }
.rvtools button:hover{ border-color:var(--lagoon-lt); color:var(--ink); }
.rvtools button.on{ background:var(--palm); border-color:var(--palm); color:#fff; }
.rvwall{ display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap:18px;
  align-items:start; padding:0 var(--gutter); }
.rvwall--paged:not(.rvwall--filtered) .rv[data-rvx]{ display:none; }
.rvwall.is-masonry{ grid-auto-rows:4px; row-gap:0; }
.rvwall.is-masonry > .rv{ margin-bottom:18px; }
.rvmore{ display:flex; justify-content:center; padding:28px var(--gutter) 0; }
.rvmore[hidden]{ display:none; }
.rvnote{ max-width:72ch; margin:26px auto 0; padding:0 var(--gutter); text-align:center; font-size:.9rem; color:var(--ink-soft); }
.rvnote a{ color:var(--palm); font-weight:800; }

/* topic strips on property and group pages */
.rvgrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:start; padding:0 var(--gutter); }
.rvstrip__src{ padding:0 var(--gutter); margin:20px 0 0; font-size:.9rem; color:var(--ink-soft); }
.rvstrip__src a{ color:var(--palm); font-weight:800; }

/* the home mural pull-quote credit */
.mural__by{ margin:1.4rem 0 1.7rem; font:700 .95rem/1.4 var(--sans); letter-spacing:.04em; color:#EAF3EE;
  text-shadow:0 1px 14px rgba(0,0,0,.6); }
.mural__by a{ color:#fff; text-decoration:underline; text-underline-offset:3px; }

@media (max-width:1080px){
  .rvgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rvscore{ grid-template-columns:1fr; }
}
@media (max-width:640px){
  .rvgrid{ grid-template-columns:1fr; }
  .rvscore__cats{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rv{ padding:20px 18px 18px; }
}
/* ==========================================================================
   PHOTO CREDITS ON THE PHOTO (2026-10-06, ASSET_VER 24)
   Dan: an outside photo with no credit in sight "is really scary". Every
   third-party photo now carries its credit WITH it: a full linked caption
   (title, author, licence) directly under a header/article photo, and a short
   tag painted on the corner of every card photo. Full lists stay below.
   ========================================================================== */
.pcap{ margin:0; padding:9px var(--gutter); background:var(--sand-2); border-bottom:1px solid var(--line);
  font-size:.8rem; line-height:1.5; color:var(--ink-soft); text-align:right; }
.pcap a{ color:inherit; text-decoration:underline; text-underline-offset:2px; box-shadow:none; }
.pcap a:hover{ color:var(--palm); }
.jcard__img, .bfeat__img{ position:relative; }
.ptag{ position:absolute; left:10px; bottom:10px; z-index:2; max-width:calc(100% - 20px); pointer-events:none;
  font-family:var(--sans); font-weight:700; font-size:.68rem; line-height:1.3; letter-spacing:.01em; color:#fff;
  background:rgba(8,19,28,.68); padding:4px 9px; border-radius:6px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.credits{ font-size:.8rem; }
.credits li{ margin:.25em 0; }
@media (max-width:640px){ .pcap{ text-align:left; font-size:.76rem; } }
/* guide photo headers on phones: the text runs the whole photo height, so the shade is even and a touch darker */
@media (max-width:900px){
  .phead--photo::before{ background:linear-gradient(180deg, rgba(8,19,28,.62) 0%, rgba(8,19,28,.5) 40%, rgba(8,19,28,.72) 100%); }
}
/* guide cards carry their guide's photo (2026-10-06) */
.gcard__img{ display:block; position:relative; margin:-1.5rem -1.5rem 1.1rem; aspect-ratio:16/10; overflow:hidden;
  border-radius:17px 17px 0 0; background:var(--sand-2); }
.gcard__img img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.gcard:hover .gcard__img img{ transform:scale(1.04); }

/* ==========================================================================
   ACCESSIBILITY CONTRAST PASS (2026-10-06, TrollBuster a11y gate, axe WCAG 2.1 AA)
   The bright brand coral #F0623A and turquoise #12A6A0 measured 2.8-3.2:1 as text
   on the light backgrounds and under white button text (4.5:1 needed). The bright
   colours stay as button and accent colours with near-black text on them; where
   they are TEXT on a light background they use a deeper shade of the same hue.
   Dark sections keep their own (more specific) light-on-dark rules.
   ========================================================================== */
:root{ --coral-ink:#B1482A; --lagoon-ink:#0C7773; --on-color:#08131C; --coral-deep:#B84324; }
.eyebrow{ color:var(--coral-ink); }
.gcard .k, .card .k{ color:var(--lagoon-ink); }
.bfeat__b .k, .amen__col .k, .pol__card .k, .jcard .cat, .area__item .d{ color:var(--coral-ink); }
.btn.btn--primary, .btn.btn--lagoon{ color:var(--on-color); }
.btn.btn--primary:hover{ background:var(--coral-ink); color:#fff; }
.btn.btn--lagoon:hover{ background:var(--lagoon-ink); color:#fff; }
.essentials .amen__cta{ background:var(--coral-ink); border-color:var(--coral-ink); }
.essentials .amen__cta .btn{ color:var(--coral-ink); }
.foot__tm{ color:#A3B1AF; opacity:1; }   /* footer trademark line: 2.8:1 -> 7:1 on the dark footer (a11y gate 2026-10-06) */

/* ==========================================================================
   NAV FIT (2026-10-07): nine top tabs since Reviews became a top tab (Review
   Census GR-01). A label never breaks onto two lines and the logo never
   squeezes; below the width where the bar fits on one line, the burger menu
   (the same tree as a grouped site map, Reviews included) takes over.
   ========================================================================== */
.nav__brand, .nav__logo{ flex:none; }
.nav__links > a, .nav__links .nd__top, .nav__links .btn{ white-space:nowrap; }
@media (max-width:1160px){
  .nav__links{ display:none; }
  .nav__burger{ display:flex; }
}
/* the overlay now also serves 901-1160px: keep its foot (book, phone, motion) off the list text there too */
@media (max-width:1160px){
  .ov__foot{ left:0; right:0; bottom:0; padding:34px clamp(30px,6vw,110px) clamp(22px,4vw,36px);
    background:linear-gradient(180deg, rgba(8,19,28,0) 0%, var(--night) 34%); }
  .ov__nav{ padding-bottom:150px; }
}
@media (min-width:821px) and (max-width:1160px){
  .ov__foot{ right:42.5%; }   /* stays inside the menu column, off the photo */
}

/* ==========================================================================
   COOKIE BANNER (2026-10-07): the network banner (consent.css, cav-consent v1) in
   Turtle Nest's look: a dark card at the bottom right, Gloock title, Mulish text,
   coral Accept with dark text (5.8:1), coral-light link (8:1), light text (15:1).
   ========================================================================== */
.cav-consent{ left:auto; right:clamp(12px,2.4vw,24px); bottom:clamp(12px,2.4vw,24px);   /* bottom right: off the hero text and its booking button */
  width:min(500px, calc(100vw - 2*clamp(12px,2.4vw,24px))); padding:20px 22px 18px;
  background:var(--night); color:#EAF3EE; border-radius:18px;
  border:1px solid rgba(255,255,255,.14); box-shadow:0 18px 50px rgba(0,0,0,.45);
  font-family:var(--sans); font-size:.92rem; line-height:1.55; }
.cav-consent.cav-consent--show{ display:block; text-align:left; }
.cav-consent__title{ margin:0 0 .35em; font-family:var(--display); font-weight:400; font-size:1.35rem;
  line-height:1.1; color:#fff; }
.cav-consent__text{ margin:0; max-width:none; color:#D5E2DD; }
.cav-consent__text a{ color:#FF8F6B; text-underline-offset:2px; }
.cav-consent__text a:hover{ color:#fff; }
.cav-consent__actions{ display:flex; gap:10px; margin-top:14px; justify-content:flex-end; }
.cav-consent__btn{ font-family:var(--sans); font-weight:800; font-size:.9rem; padding:.7em 1.5em; }
.cav-consent__btn--solid{ background:var(--coral); border-color:var(--coral); color:var(--on-color); }
.cav-consent__btn--solid:hover{ background:#fff; border-color:#fff; color:var(--on-color); filter:none; }
.cav-consent__btn--ghost{ color:#EAF3EE; border-color:rgba(234,243,238,.55); }
.cav-consent__btn:focus-visible{ outline:3px solid var(--lagoon-lt); outline-offset:2px; }
@media (max-width:640px){
  .cav-consent.cav-consent--show{ display:block; text-align:left; }
  .cav-consent__actions{ justify-content:stretch; }
  .cav-consent__btn{ flex:1 1 0; }
}

/* HEADING ORDER (TrollBuster F7, 2026-10-09): rail-box titles, the Retreats/Events card titles and the map's group
   titles are h2 now (they were h3 straight under the h1). These rules keep them identical to the old h3s. */
.rail__box h2.h4{ font-family:var(--sans); font-weight:800; font-size:.8rem; letter-spacing:.16em; text-transform:uppercase; color:var(--palm-deep); margin:0 0 .9rem; line-height:1.15; }
.card h2.card__t{ font-family:var(--sans); font-weight:800; font-size:1.3rem; letter-spacing:-.012em; line-height:1.22; color:var(--ink); margin:.5rem 0 .55rem; }
h2.mx__gh{ line-height:1.22; }

/* ---- HOME: PEOPLE AT THE PROPERTY (2026-10-13, ASSET_VER 31) ---- */
.pgrid{ display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:clamp(230px,27vw,400px);
  gap:clamp(10px,1.3vw,18px); padding:0 var(--gutter); max-width:1560px; margin:0 auto; }
.pgrid figure{ position:relative; margin:0; overflow:hidden; border-radius:16px; background:#0f2430; cursor:zoom-in; }
.pgrid img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease; }
.pgrid figure:hover img{ transform:scale(1.03); }
.pgrid figcaption{ position:absolute; left:0; right:0; bottom:0; padding:44px 18px 14px; color:#fff;
  font-weight:700; font-size:1rem; line-height:1.25;
  background:linear-gradient(to top, rgba(6,18,26,.85), rgba(6,18,26,0)); }
.pg-a{ grid-column:span 8; } .pg-b{ grid-column:span 4; }
.pg-c{ grid-column:span 7; } .pg-d{ grid-column:span 5; }
.pg-b img{ object-position:50% 28%; } .pg-d img{ object-position:50% 60%; }
@media(max-width:800px){
  .pgrid{ grid-template-columns:1fr 1fr; grid-auto-rows:clamp(190px,52vw,300px); }
  .pg-a, .pg-b, .pg-c, .pg-d{ grid-column:span 2; }
}
@media(prefers-reduced-motion:reduce){ .pgrid img{ transition:none; } }
/* POOL + MURAL FRAME (Dominic 2026-10-15): the home intro photo turtle_08 has the mural in its top 40%;
   anchor the crop to the top so the whole mural shows at every width */
.intro__media img.pos-top{ object-position:50% 0%; }