/* ============ TOKENS ============ */
:root{
  --bg:#17110C;--bg-2:#1F160F;--surface:#241A12;--surface-2:#2C2016;
  --ink:#F5EAD6;--ink-soft:#E4D4BA;--muted:#B29A7C;--faint:#8C7961;
  --gold:#CBA255;--gold-hi:#EBCE88;--gold-deep:#A87F32;--sea:#79B8B0;
  --line:rgba(203,162,85,.20);--line-soft:rgba(230,212,170,.10);
  --scrim:rgba(16,11,7,.62);--shadow:0 24px 60px -28px rgba(0,0,0,.75);
  --radius:16px;--radius-lg:26px;--maxw:1200px;--gutter:clamp(20px,5vw,64px);
  --serif:"Playfair Display",Georgia,serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --script:"Parisienne",cursive;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#F6EEE0;--bg-2:#F1E6D3;--surface:#FBF5EA;--surface-2:#FFFFFF;
    --ink:#2B1E12;--ink-soft:#4A3826;--muted:#6E5A43;--faint:#977E60;
    --gold:#9C7327;--gold-hi:#C39A3C;--gold-deep:#815B18;--sea:#3E7C74;
    --line:rgba(120,90,40,.24);--line-soft:rgba(120,90,40,.12);
    --scrim:rgba(28,18,10,.42);--shadow:0 24px 60px -30px rgba(90,60,20,.35);
  }
}
:root[data-theme="dark"]{
  --bg:#17110C;--bg-2:#1F160F;--surface:#241A12;--surface-2:#2C2016;
  --ink:#F5EAD6;--ink-soft:#E4D4BA;--muted:#B29A7C;--faint:#8C7961;
  --gold:#CBA255;--gold-hi:#EBCE88;--gold-deep:#A87F32;--sea:#79B8B0;
  --line:rgba(203,162,85,.20);--line-soft:rgba(230,212,170,.10);
  --scrim:rgba(16,11,7,.62);--shadow:0 24px 60px -28px rgba(0,0,0,.75);
}
:root[data-theme="light"]{
  --bg:#F6EEE0;--bg-2:#F1E6D3;--surface:#FBF5EA;--surface-2:#FFFFFF;
  --ink:#2B1E12;--ink-soft:#4A3826;--muted:#6E5A43;--faint:#977E60;
  --gold:#9C7327;--gold-hi:#C39A3C;--gold-deep:#815B18;--sea:#3E7C74;
  --line:rgba(120,90,40,.24);--line-soft:rgba(120,90,40,.12);
  --scrim:rgba(28,18,10,.42);--shadow:0 24px 60px -30px rgba(90,60,20,.35);
}

/* ============ BASE ============ */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(120vw 80vh at 78% -10%, rgba(235,206,136,.16), transparent 60%),radial-gradient(90vw 70vh at 10% 108%, rgba(168,127,50,.12), transparent 60%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.045'/></svg>");mix-blend-mode:soft-light}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:#17110C}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.05;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.gold-text{background:linear-gradient(100deg,var(--gold-deep),var(--gold-hi) 45%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.12em}
.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:.7em;margin:0}
.eyebrow::before{content:"";width:26px;height:1px;background:currentColor;opacity:.7}
.section{padding-block:clamp(48px,6.5vw,88px);position:relative}

/* ============ NAV ============ */
.nav{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--gutter);transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease,padding .4s ease;border-bottom:1px solid transparent}
.nav.scrolled{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:var(--line);padding-block:11px}
.brand{display:inline-flex;align-items:center;line-height:1}
.brand .name{font-family:var(--serif);font-weight:700;font-size:26px;letter-spacing:.02em}
.brand img{height:clamp(30px,4.2vw,38px);width:auto;display:block;filter:drop-shadow(0 2px 10px rgba(0,0,0,.4));transition:filter .3s ease}
.footer .brand img{height:clamp(42px,6vw,56px)}
/* deepen the pale-gold logo where it sits on a cream (light-theme) ground */
@media (prefers-color-scheme: light){.nav.scrolled .brand img,.footer .brand img{filter:brightness(.64) saturate(1.45)}}
:root[data-theme="light"] .nav.scrolled .brand img,:root[data-theme="light"] .footer .brand img{filter:brightness(.64) saturate(1.45)}
:root[data-theme="dark"] .nav.scrolled .brand img,:root[data-theme="dark"] .footer .brand img{filter:drop-shadow(0 2px 10px rgba(0,0,0,.4))}
.navlinks{display:flex;align-items:center;gap:28px}
.navlinks a{font-size:13.5px;letter-spacing:.04em;color:var(--ink-soft);position:relative;padding-block:4px}
.navlinks a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--gold);transition:width .3s ease}
.navlinks a:hover{color:var(--ink)}
.navlinks a:hover::after{width:100%}
.nav-cta{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:.03em;padding:9px 18px;border-radius:100px;border:1px solid var(--gold);color:var(--gold);transition:all .3s ease;white-space:nowrap}
.nav-cta::after{display:none}
.nav-cta:hover{background:var(--gold);color:#17110C}
.nav-cta svg{width:15px;height:15px}
.navlinks a.nav-ico{width:34px;height:34px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,238,205,.5);color:#FCEEDA;transition:all .25s ease}
.navlinks a.nav-ico::after{display:none}
.navlinks a.nav-ico svg{width:16px;height:16px}
.navlinks a.nav-ico:hover{background:var(--gold);color:#3A2410;border-color:var(--gold);transform:translateY(-1px)}
.nav.scrolled .navlinks a.nav-ico{border-color:var(--line);color:var(--ink-soft)}
.nav.scrolled .navlinks a.nav-ico:hover{background:var(--gold);color:#3A2410;border-color:var(--gold)}
@media (max-width:820px){.navlinks a:not(.nav-cta):not(.nav-ico){display:none}.navlinks{gap:14px}}

/* ============ HERO (cinematic video marquee) ============ */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;justify-content:center;text-align:center;overflow:hidden;padding:clamp(104px,15vh,160px) var(--gutter) clamp(92px,13vh,150px)}
.hero-stage{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#0c0805}
.hero-stage .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero-stage iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100vw,177.78vh);height:max(56.25vw,100vh);border:0;pointer-events:none}
.hero-veil{position:absolute;inset:0;z-index:-1}
.hero-veil::before{content:"";position:absolute;inset:0;background:radial-gradient(120vw 90vh at 50% 20%,rgba(235,206,136,.14),transparent 52%),linear-gradient(180deg,rgba(12,8,5,.42) 0%,rgba(12,8,5,.12) 30%,rgba(12,8,5,.20) 52%,rgba(12,8,5,.66) 78%,rgba(12,8,5,.96) 100%)}
.hero-veil::after{content:none}
.hero-content{position:relative;z-index:2;max-width:920px;display:flex;flex-direction:column;align-items:center;gap:clamp(16px,2.6vw,28px)}
.hero-content .eyebrow{color:var(--gold-hi);text-shadow:0 2px 22px rgba(0,0,0,.6)}
.hero-lede{font-family:var(--serif);font-size:clamp(20px,2.7vw,30px);line-height:1.32;color:var(--ink);max-width:20ch;font-weight:400;text-shadow:0 2px 22px rgba(0,0,0,.6)}
.hero-lede em{font-style:italic;color:var(--gold-hi)}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:6px}
.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:2;color:var(--ink-soft);display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;opacity:.85;transition:color .25s ease}
.scroll-cue:hover{color:var(--gold)}
.scroll-cue .chev{width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;animation:bob 2.2s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}

/* ============ BUTTONS ============ */
.btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-family:var(--sans);font-size:15px;font-weight:700;letter-spacing:.02em;padding:14px 26px;border-radius:100px;border:1px solid transparent;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}
.btn svg{width:18px;height:18px;flex:none}
.btn-gold{background:linear-gradient(100deg,var(--gold-deep),var(--gold) 55%,var(--gold-hi));color:#1A1206;box-shadow:0 12px 30px -12px rgba(203,162,85,.6)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px rgba(203,162,85,.75)}
.btn-ghost{border-color:rgba(245,234,214,.4);color:var(--ink)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}

/* ============ LINK HUB ============ */
.hub{position:relative;z-index:3;margin-top:clamp(32px,4.5vw,56px)}
.hub-card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(10px);padding:clamp(24px,4vw,44px)}
.hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.hub-head h2{font-size:clamp(24px,3.2vw,34px)}
.hub-head p{color:var(--muted);font-size:14px;max-width:34ch}
.stream-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between;padding:20px 24px;border-radius:var(--radius);margin-bottom:24px;background:linear-gradient(105deg,rgba(203,162,85,.16),rgba(235,206,136,.05));border:1px solid var(--line)}
.stream-row .meta{display:flex;align-items:center;gap:18px;min-width:0}
.stream-row .cvr{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none;box-shadow:var(--shadow)}
.stream-row .txt strong{display:block;font-family:var(--serif);font-size:20px;font-weight:600}
.stream-row .txt span{font-size:13px;color:var(--gold);letter-spacing:.04em;font-weight:600}
.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:640px){.links-grid{grid-template-columns:1fr}}
.link{display:flex;align-items:center;gap:14px;padding:15px 18px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line-soft);transition:transform .22s ease,border-color .22s ease,background .22s ease;position:relative;overflow:hidden}
.link::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(var(--gold),var(--gold-hi));transition:width .22s ease}
.link:hover{transform:translateX(4px);border-color:var(--line)}
.link:hover::before{width:3px}
.link .ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--gold) 15%,transparent);color:var(--gold)}
.link .ico svg{width:20px;height:20px}
.link .l-txt{min-width:0;flex:1}
.link .l-txt b{display:block;font-size:15px;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link .l-txt small{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link .arr{color:var(--faint);flex:none;transition:transform .22s ease,color .22s ease}
.link:hover .arr{color:var(--gold);transform:translate(3px,-3px)}

/* ============ ABOUT ============ */
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,80px);align-items:center}
@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:40px}}
.about-copy h2{font-size:clamp(34px,5.2vw,60px);margin:.35em 0 .55em;line-height:1}
.about-copy .lede{font-family:var(--serif);font-size:clamp(19px,2.3vw,24px);line-height:1.5;color:var(--ink);margin-bottom:1.1em}
.about-copy p+p{margin-top:1em;color:var(--ink-soft)}
.about-copy p{color:var(--muted)}
.about-media{position:relative}
.about-media img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow);aspect-ratio:4/5;object-fit:cover;object-position:50% 30%}
.about-media .frame{position:absolute;inset:14px -14px -14px 14px;border:1px solid var(--gold);border-radius:var(--radius-lg);z-index:-1}
.sig{font-family:var(--script);font-size:56px;line-height:1;color:var(--gold);margin-top:.4em}
.quote{margin-top:clamp(32px,5vw,60px);padding:clamp(28px,4vw,52px);border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(120deg,rgba(203,162,85,.08),transparent 70%);position:relative;max-width:880px;margin-inline:auto}
.quote .mark{font-family:var(--serif);font-size:120px;line-height:.6;color:var(--gold);opacity:.35;height:.5em;display:block}
.quote blockquote{margin:0;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(21px,3vw,32px);line-height:1.4;color:var(--ink);max-width:40ch}
.quote cite{display:block;margin-top:18px;font-style:normal;font-family:var(--script);font-size:34px;color:var(--gold)}

/* ============ SINGLE ============ */
#single{background:linear-gradient(180deg,transparent,rgba(203,162,85,.04) 40%,transparent)}
.single-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,72px);align-items:center}
@media (max-width:900px){.single-grid{grid-template-columns:1fr;gap:40px}}
.cover-wrap{position:relative}
.cover-wrap img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:1;object-fit:cover}
.cover-wrap .glow{position:absolute;inset:-10%;background:radial-gradient(circle,rgba(235,206,136,.35),transparent 65%);z-index:-1;filter:blur(30px)}
.badge{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);padding:7px 14px;border-radius:100px}
.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 var(--gold);animation:blip 2s ease-out infinite}
@keyframes blip{0%{box-shadow:0 0 0 0 rgba(203,162,85,.6)}100%{box-shadow:0 0 0 9px rgba(203,162,85,0)}}
.single-copy h2{font-size:clamp(40px,7vw,84px);margin:.28em 0 .35em;line-height:.92}
.single-copy h2 em{font-style:italic}
.single-copy>p{color:var(--ink-soft);max-width:52ch}
.single-copy .r-quote{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.2vw,22px);color:var(--ink);margin:1.3em 0;padding-left:20px;border-left:2px solid var(--gold);max-width:46ch}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:1.4em 0}
/* Behind-the-scenes (girls' getaway shoot) */
.bts-video{position:relative;width:100%;aspect-ratio:16/9;border-radius:20px;overflow:hidden;border:1px solid var(--gold);box-shadow:var(--shadow),0 0 60px -22px rgba(235,206,136,.45);background:#000;margin:clamp(28px,4vw,44px) 0}
.bts-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.bts-info{display:block}
.bts-copy p{color:var(--ink-soft);max-width:60ch}
.bts-copy p strong{color:var(--ink);font-weight:700}
.bts-copy .r-quote{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.2vw,22px);color:var(--ink);margin:1.3em 0 0;padding-left:20px;border-left:2px solid var(--coral);max-width:46ch}
.bts-copy .hero-actions{justify-content:flex-start}
.chip{font-size:12.5px;letter-spacing:.06em;text-transform:lowercase;color:var(--ink-soft);border:1px solid var(--line);border-radius:100px;padding:7px 15px;background:var(--surface)}

/* ============ PRESS ============ */
.press-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.press-head h2{font-size:clamp(34px,5.5vw,64px);line-height:1}
.press-head p{color:var(--muted);max-width:44ch;margin-top:14px}
.gallery{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:150px;gap:14px}
.gallery figure{margin:0;border-radius:var(--radius);overflow:hidden;position:relative;background:var(--surface)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.gallery figure:hover img{transform:scale(1.06)}
.gallery figure::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:var(--radius);pointer-events:none}
.g-tall{grid-row:span 3;grid-column:span 2}
.g-wide{grid-row:span 2;grid-column:span 2}
.g-sq{grid-row:span 2;grid-column:span 2}
@media (max-width:760px){.gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.g-tall{grid-row:span 2;grid-column:span 1}.g-wide,.g-sq{grid-column:span 1;grid-row:span 1}}
.assets-note{margin-top:28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:22px 26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.assets-note p{color:var(--ink-soft);font-size:15px}
.assets-note strong{color:var(--ink)}
.gallery figure{cursor:zoom-in}
/* Lightbox */
.lb{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,48px);background:rgba(18,11,4,.9);backdrop-filter:blur(8px);animation:lbfade .25s ease}
.lb[hidden]{display:none}
@keyframes lbfade{from{opacity:0}to{opacity:1}}
.lb-img{max-width:min(94vw,1000px);max-height:84vh;width:auto;height:auto;border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8);object-fit:contain}
.lb-bar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:flex-end;gap:10px;padding:clamp(14px,2.5vw,22px)}
.lb-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:13.5px;font-weight:700;letter-spacing:.02em;padding:10px 16px;border-radius:100px;border:1px solid rgba(255,247,236,.35);color:#FFF7EC;background:rgba(20,12,4,.35);cursor:pointer;transition:all .25s ease}
.lb-btn:hover{background:var(--gold);color:#3A2410;border-color:var(--gold)}
.lb-btn svg{width:16px;height:16px}

/* ============ FOOTER ============ */
.footer{border-top:1px solid var(--line);padding-block:clamp(40px,6vw,64px) 40px}
.footer-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;align-items:center}
.footer-brand{display:flex;flex-direction:column;gap:12px}
.label-credit{margin:0;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:600}
.label-credit strong{color:var(--gold-deep);font-weight:800}
.footer .brand .name{font-size:38px}
.f-socials{display:flex;gap:12px}
.f-socials a{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-soft);transition:all .25s ease}
.f-socials a:hover{background:var(--gold);color:#17110C;border-color:var(--gold);transform:translateY(-3px)}
.f-socials svg{width:19px;height:19px}
.footer-bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--faint);font-size:13px}
.footer-bottom a:hover{color:var(--gold)}

/* ============ REVEAL ============ */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* ============================================================
   SUMMER LIGHT THEME (preview) — bright tropical palette.
   Forced on regardless of OS theme so the vibe always shows.
   ============================================================ */
:root, :root[data-theme="light"], :root[data-theme="dark"]{
  color-scheme:light;
  --bg:#FBF0C0; --bg-2:#F6E7A6; --surface:#FFFFFF; --surface-2:#FFFDF2;
  --ink:#3A2A1C; --ink-soft:#5C4733; --muted:#8C7358; --faint:#B39A79;
  --gold:#E7A72C; --gold-hi:#F6C85A; --gold-deep:#BE7C16;
  --sea:#12ADBB; --sea-deep:#0C8A97; --coral:#FB6F52; --coral-hi:#FF9C79; --pink:#EC6A9C;
  --line:rgba(58,42,28,.14); --line-soft:rgba(58,42,28,.075);
  --scrim:rgba(30,16,8,.5); --shadow:0 26px 60px -30px rgba(150,95,35,.4);
}
@media (prefers-color-scheme: dark){:root{
  --bg:#FBF0C0; --bg-2:#F6E7A6; --surface:#FFFFFF; --surface-2:#FFFDF2;
  --ink:#3A2A1C; --ink-soft:#5C4733; --muted:#8C7358; --faint:#B39A79;
  --gold:#E7A72C; --gold-hi:#F6C85A; --gold-deep:#BE7C16;
  --sea:#12ADBB; --sea-deep:#0C8A97; --coral:#FB6F52; --coral-hi:#FF9C79; --pink:#EC6A9C;
  --line:rgba(58,42,28,.14); --line-soft:rgba(58,42,28,.075);
  --scrim:rgba(30,16,8,.5); --shadow:0 26px 60px -30px rgba(150,95,35,.4);
}}

/* sunny ambient wash: sun top-right, coral top-left, ocean bottom */
body::before{background:
  radial-gradient(82vw 55vh at 88% -8%, rgba(255,196,105,.55), transparent 58%),
  radial-gradient(70vw 55vh at 2% 3%, rgba(255,146,120,.30), transparent 55%),
  radial-gradient(95vw 70vh at 50% 112%, rgba(18,173,187,.22), transparent 60%)}
body::after{opacity:.32}

/* warm sunset wordmark gradient */
.gold-text{background:linear-gradient(100deg,var(--coral),var(--gold-deep) 52%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:var(--gold-deep)}

/* buttons → sunset gradient + ocean ghost */
.btn-gold{background:linear-gradient(100deg,#FF875A,#F7A62C 58%,#F6C85A);color:#3A2410;box-shadow:0 14px 30px -12px rgba(251,111,82,.5)}
.btn-gold:hover{box-shadow:0 20px 46px -14px rgba(251,111,82,.62)}
.btn-ghost{border-color:rgba(58,42,28,.22);color:var(--ink)}
.btn-ghost:hover{border-color:var(--sea);color:var(--sea-deep)}

/* NAV — light over the video at top, dark on cream once scrolled */
.navlinks a{color:#FCEEDA}
.navlinks a:hover{color:#fff}
.nav.scrolled .navlinks a{color:var(--ink-soft)}
.nav.scrolled .navlinks a:hover{color:var(--ink)}
.nav-cta{border-color:rgba(255,238,205,.6);color:#FFF3DE}
.nav.scrolled .nav-cta{border-color:var(--gold);color:var(--gold-deep)}
.nav-cta:hover,.nav.scrolled .nav-cta:hover{background:var(--gold);color:#3A2410;border-color:var(--gold)}
.nav.scrolled{background:color-mix(in srgb,#FBF0C0 92%,transparent)}
/* logo: stays bright over the dark hero, deepens on cream (scrolled nav + footer) */
.nav.scrolled .brand img,.footer .brand img{filter:brightness(.6) saturate(1.5)}

/* HERO — keep cinematic; warm the scrim, keep text light */
.hero-veil::before{background:linear-gradient(180deg,transparent 0%,transparent 48%,rgba(14,9,3,.28) 72%,rgba(11,7,2,.55) 88%,rgba(8,5,1,.82) 100%)}
.hero-lede{color:#FFF8EF}
.hero-lede em{color:var(--gold-hi)}
.hero-content .btn-ghost{border-color:rgba(255,247,236,.5);color:#FFF7EC}
.hero-content .btn-ghost:hover{border-color:#fff;color:#fff}
.scroll-cue{color:#F3E6D0}
.scroll-cue:hover{color:var(--gold-hi)}
.scroll-cue .chev{border-color:rgba(255,247,236,.4)}

/* LINK HUB — sunset stream row + brand-colored icons */
.stream-row{background:linear-gradient(105deg,rgba(251,111,82,.15),rgba(246,200,90,.15) 58%,rgba(18,173,187,.13));border-color:var(--line)}
.stream-row .txt span{color:var(--coral)}
.link{background:var(--surface-2)}
.links-grid .link:nth-child(1) .ico{background:rgba(30,215,96,.16);color:#159c47}   /* Spotify */
.links-grid .link:nth-child(2) .ico{background:rgba(250,36,60,.14);color:#F5334A}   /* Apple Music */
.links-grid .link:nth-child(3) .ico{background:rgba(255,0,0,.12);color:#E02A2A}     /* YouTube Music */
.links-grid .link:nth-child(4) .ico{background:rgba(225,48,108,.14);color:#E1306C}  /* Instagram */
.links-grid .link:nth-child(5) .ico{background:rgba(18,173,187,.16);color:var(--sea-deep)} /* TikTok */
.links-grid .link:nth-child(6) .ico,.links-grid .link:nth-child(7) .ico{background:rgba(255,0,0,.11);color:#E02A2A} /* YouTube */
.links-grid .link:nth-child(8) .ico{background:rgba(24,119,242,.13);color:#1877F2} /* Facebook */
.links-grid .link:nth-child(9) .ico{background:rgba(255,196,0,.22);color:#D79A00}  /* Snapchat */
.links-grid .link:nth-child(10) .ico{background:rgba(251,111,82,.16);color:#E85C3C} /* Brand collab */

/* SINGLE — ocean badge + colorful theme chips */
#single{background:linear-gradient(180deg,transparent,rgba(18,173,187,.06) 42%,rgba(18,173,187,.015))}
.badge{color:var(--sea-deep);border-color:rgba(18,173,187,.4)}
.badge .dot{background:var(--sea)}
.single-copy .r-quote{border-left-color:var(--coral)}
.chip{background:#fff}
.chips .chip:nth-child(3n+1){color:#E85C3C;border-color:rgba(232,92,60,.4);background:rgba(251,111,82,.08)}
.chips .chip:nth-child(3n+2){color:var(--sea-deep);border-color:rgba(18,173,187,.4);background:rgba(18,173,187,.08)}
.chips .chip:nth-child(3n+3){color:var(--gold-deep);border-color:rgba(231,167,44,.45);background:rgba(231,167,44,.1)}

/* ABOUT / QUOTE / PRESS accents */
.about-media .frame{border-color:var(--coral)}
.sig,.quote cite{color:var(--coral)}
.quote cite.sig-logo{margin-top:22px}
.quote cite.sig-logo img{height:clamp(36px,4.8vw,52px);width:auto;display:block;filter:brightness(.6) saturate(1.5)}
.quote{background:linear-gradient(120deg,rgba(18,173,187,.09),transparent 72%)}
.quote .mark{color:var(--sea)}
#press{background:linear-gradient(180deg,transparent,rgba(251,111,82,.05) 45%,transparent)}
.press-head p{color:var(--muted)}

/* FOOTER socials hover → summer gold */
.f-socials a:hover{background:var(--gold);color:#3A2410;border-color:var(--gold)}
::selection{background:var(--coral);color:#fff}

/* ============================================================
   LIGHT SUBPAGE (no dark hero) — keep nav legible on cream at top
   ============================================================ */
body.page-light .navlinks a{color:var(--ink-soft)}
body.page-light .navlinks a:hover{color:var(--ink)}
body.page-light .nav{background:color-mix(in srgb,#FBF0C0 90%,transparent);backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:var(--line)}
body.page-light .navlinks a.nav-ico{border-color:var(--line);color:var(--ink-soft)}
body.page-light .nav-cta{border-color:var(--gold);color:var(--gold-deep)}
body.page-light .brand img{filter:brightness(.6) saturate(1.5)}

/* ============================================================
   GETAWAYS (vlog hub)
   ============================================================ */
.gw-hero{max-width:860px;margin-inline:auto;text-align:center;padding:clamp(128px,17vh,190px) var(--gutter) clamp(40px,6vw,64px)}
.gw-hero .eyebrow{justify-content:center}
.gw-hero h1{font-size:clamp(58px,13vw,150px);line-height:1;margin:.1em 0 .3em;letter-spacing:-.02em;padding-bottom:.12em}
.gw-hero .lede{font-family:var(--serif);font-size:clamp(18px,2.4vw,24px);color:var(--ink-soft);max-width:42ch;margin:0 auto}
.gw-hero .hero-actions{justify-content:center;margin-top:28px}

.gw-series{padding-block:clamp(28px,4vw,52px);position:relative}
.gw-series+.gw-series{border-top:1px solid var(--line-soft)}
.gw-series-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.gw-series-desc{color:var(--muted);max-width:60ch;margin:0 0 24px;font-size:15.5px;line-height:1.55}
.gw-series-head h2{font-size:clamp(28px,4.6vw,52px);line-height:1}
.gw-series-head .eyebrow{margin-bottom:10px}
.gw-count{font-size:13px;color:var(--muted);white-space:nowrap;border:1px solid var(--line);border-radius:100px;padding:6px 14px}
.gw-series[data-accent="sea"] .eyebrow{color:var(--sea-deep)}
.gw-series[data-accent="coral"] .eyebrow{color:#E85C3C}
.gw-series[data-accent="pink"] .eyebrow{color:#D6417E}
.gw-series[data-accent="gold"] .eyebrow{color:var(--gold-deep)}

.gw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(16px,2vw,26px)}
.gw-card{display:flex;flex-direction:column;gap:12px}
.gw-thumb{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.gw-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.gw-card:hover .gw-thumb img{transform:scale(1.06)}
.gw-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(20,10,4,.4));opacity:0;transition:opacity .25s}
.gw-card:hover .gw-thumb::after{opacity:1}
.gw-play{position:absolute;inset:0;display:grid;place-items:center;transition:transform .25s ease}
.gw-play svg{width:62px;height:44px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45))}
.gw-card:hover .gw-play{transform:scale(1.08)}
.gw-title{font-size:15px;font-weight:600;color:var(--ink);line-height:1.35}
.gw-card:hover .gw-title{color:var(--gold-deep)}
.gw-note{font-size:13px;color:var(--muted);margin-top:14px;font-style:italic}

/* Getaways — image banner hero */
.gw-hero-img{margin-top:66px;width:100%;line-height:0;background:var(--bg-2)}
.gw-hero-img img{width:100%;height:clamp(280px,42vw,560px);object-fit:cover;object-position:center 42%;display:block}
.gw-intro{text-align:center;max-width:720px;margin-inline:auto;padding:clamp(28px,4vw,48px) var(--gutter) clamp(6px,2vw,16px)}
.gw-intro .eyebrow{justify-content:center;margin-bottom:14px}
.gw-intro .lede{font-family:var(--serif);font-size:clamp(18px,2.3vw,24px);color:var(--ink-soft);max-width:42ch;margin:0 auto}
.gw-intro .hero-actions{justify-content:center;margin-top:24px}