:root{
  --brand:#ff6a2b;
  --brand-dark:#e24e12;
  --bg:#0e0c0b;
  --fg:#f4efe9;
  --muted:rgba(244,239,233,.68);
  --card:#1a1613;
  --line:rgba(255,255,255,.09);
  --soft:0 10px 30px rgba(0,0,0,.35);
  color-scheme:dark;
}
[data-theme="light"]{
  --bg:#ffffff;
  --fg:#0e0c0b;
  --muted:rgba(14,12,11,.65);
  --card:#f7f4f1;
  --line:rgba(0,0,0,.08);
  --soft:0 10px 24px rgba(0,0,0,.08);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{
  margin:0;
  font:16px/1.55 Inter,system-ui,sans-serif;
  background:var(--bg);
  color:var(--fg);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.w{max-width:1100px;margin:0 auto;padding:0 20px}
.dv{font-family:Mukta,Inter,sans-serif}

.top{
  border-bottom:1px solid var(--line);
  background:color-mix(in srgb,var(--bg) 92%,transparent);
  backdrop-filter:blur(10px);
  position:sticky;top:0;z-index:50;
}
.top .w{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding-top:14px;padding-bottom:14px;
}
.brandrow{display:flex;align-items:center;gap:12px;min-width:0}
.logo{
  width:48px;height:48px;border-radius:50%;overflow:hidden;
  border:2px solid var(--brand);flex-shrink:0;background:#1a1613;
}
.logo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.wm{font-family:Poppins,Inter,sans-serif;font-weight:800;font-size:clamp(1.15rem,3vw,1.6rem);letter-spacing:-.03em;line-height:1.1}
.sub{font-size:12px;color:var(--muted);margin-top:2px}
.hr{display:flex;align-items:center;gap:10px;flex-shrink:0}
.tsoc{display:flex;gap:8px}
.si{
  width:36px;height:36px;border-radius:999px;display:grid;place-items:center;
  border:1px solid var(--line);background:color-mix(in srgb,var(--fg) 4%,transparent);
  transition:.2s;
}
.si:hover{background:var(--brand);border-color:var(--brand);color:#140a05}
.tgl{
  width:36px;height:36px;border-radius:999px;display:grid;place-items:center;
  border:1px solid var(--line);
}
.tgl .sun{display:none}
[data-theme="light"] .tgl .sun{display:block}
[data-theme="light"] .tgl .moon{display:none}
#tg{
  display:none;width:40px;height:40px;border-radius:10px;
  border:1px solid var(--line);font-size:18px;
}

nav{border-bottom:1px solid var(--line);background:var(--bg)}
nav .w{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;gap:12px}
nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
nav a{font-size:14px;font-weight:500;color:var(--muted)}
nav a:hover,nav a.active{color:var(--brand)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 18px;border-radius:14px;font-weight:600;font-size:14px;
  border:1px solid var(--line);transition:.2s;
}
.btn:hover{background:color-mix(in srgb,var(--fg) 6%,transparent)}
.btn.r,.btn.brand{background:var(--brand);color:#140a05;border-color:var(--brand)}
.btn.r:hover,.btn.brand:hover{background:var(--brand-dark);color:#fff}
#mn{
  display:none;flex-direction:column;gap:4px;padding:8px 20px 14px;
  border-top:1px solid var(--line);
}
#mn a{display:block;padding:10px 12px;border-radius:10px;font-size:14px}
#mn a:hover{background:color-mix(in srgb,var(--fg) 6%,transparent)}
#mn.open{display:flex}

.hero{
  position:relative;isolation:isolate;overflow:hidden;
  color:#fff;min-height:min(78vh,640px);
  display:flex;align-items:flex-end;
  border-radius:0 0 28px 28px; /* soft bottom curve; full 4-corner below */
  margin: 0 0 0;
}
/* 4-corner curved hero frame */
@media (min-width: 721px){
  .hero{
    margin: 12px 16px 0;
    border-radius: 28px;
    min-height: min(72vh, 600px);
  }
}
@media (max-width: 720px){
  .hero{
    margin: 10px 12px 0;
    border-radius: 22px;
    min-height: min(70vh, 560px);
  }
}
.hero .hph{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:72% 18%;z-index:0;
}
.hero .w{
  position:relative;z-index:3;
}
.hero .btns{
  position:relative;z-index:4;
}
.hero .wave{
  z-index:1;
  opacity:.55;
}
.hero .btns .b1,
.hero .btns .b2{
  position:relative;z-index:5;
  box-shadow: 0 4px 20px rgba(0,0,0,.35);
}
.hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 55%,rgba(0,0,0,.2) 100%),
    radial-gradient(60% 50% at 0% 100%,rgba(255,106,43,.35),transparent);
}
.hero .w{padding:64px 20px 56px;max-width:1100px}
.onair{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(255,106,43,.6);color:#ff8a4d;
  border-radius:999px;padding:6px 12px;font:600 11px/1 ui-monospace,monospace;
  letter-spacing:.18em;background:rgba(255,106,43,.1);text-transform:uppercase;
}
.onair i{width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 10px #ff3b30;animation:blink 1.2s ease-in-out infinite}
@keyframes blink{50%{opacity:.3}}
.eyebrow{margin:16px 0 0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.8)}
.hero h1{
  margin:10px 0 0;font-family:Poppins,Inter,sans-serif;
  font-size:clamp(1.8rem,4.5vw,3rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;
  max-width:18ch;
}
.hero .btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.b1,.b2{
  display:inline-flex;align-items:center;padding:12px 20px;border-radius:14px;
  font-weight:600;font-size:14px;transition:.2s;
}
.b1{background:#fff;color:#0e0c0b}
.b1:hover{transform:translateY(-1px)}
.b2{border:1px solid rgba(255,255,255,.7)}
.b2:hover{background:rgba(255,255,255,.1)}
.wave{
  position:absolute;left:0;right:0;bottom:0;height:80px;
  display:flex;align-items:flex-end;justify-content:center;gap:3px;
  padding:0 12px 4px;opacity:.6;pointer-events:none;
  z-index:1;
}
.wave span{
  flex:1;max-width:7px;min-width:2px;border-radius:3px 3px 0 0;
  background:linear-gradient(to top,#ff6a2b,#ffc247);
  height:var(--h,40%);
  transform-origin:bottom center;
  transform: scaleY(.35);
  animation: eq var(--d, 0.9s) ease-in-out infinite alternate;
  will-change: transform;
}
@keyframes eq{
  from{ transform: scaleY(0.22); }
  to{ transform: scaleY(1); }
}
/* Keep wave animating even if user has reduced motion partially — only stop if explicit */
@media (prefers-reduced-motion: reduce){
  .wave span{ animation: eq 2.4s ease-in-out infinite alternate; }
}

section{padding:64px 0}
section.tint{background:color-mix(in srgb,var(--brand) 6%,var(--bg))}
.hd{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.hd h2,.card h2{
  margin:0;font-family:Poppins,Inter,sans-serif;font-size:clamp(1.4rem,3vw,1.9rem);
  font-weight:800;letter-spacing:-.02em;
}
.k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.card{
  background:var(--card);border:1px solid var(--line);border-radius:20px;
  padding:28px;box-shadow:var(--soft);
}

.abt{display:grid;grid-template-columns:1.2fr .9fr;gap:28px;align-items:start}
.ab{display:flex;gap:14px;margin-top:22px}
.ai{
  width:42px;height:42px;border-radius:12px;flex-shrink:0;
  display:grid;place-items:center;color:var(--brand);
  background:color-mix(in srgb,var(--brand) 12%,transparent);
}
.ab h3{margin:0 0 6px;font-size:1.05rem}
.ab p,.ab ul{margin:0;color:var(--muted)}
.ab ul{padding-left:1.1em}
.ab li{margin:.35em 0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.stats > div{
  background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:center;
}
.stats b{display:block;font-size:1.35rem;color:var(--brand);font-weight:800}
.stats span{font-size:12px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chips span{font-size:13px;padding:7px 12px;border-radius:999px;border:1px solid var(--line)}
.abbtn{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pw{position:relative;border-radius:16px;overflow:hidden}
.pw img{width:100%;aspect-ratio:3/4;max-height:420px;object-fit:cover;object-position:50% 22%;margin:0 auto}
.abt .card:has(.pw){max-width:380px;margin-left:auto;margin-right:auto;align-self:start}
@media(min-width:900px){
  .abt{align-items:start}
  .abt .card:has(.pw){max-width:340px}
  .pw img{max-height:380px;aspect-ratio:3/4}
}

.g2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.g4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.vcard{
  display:block;border-radius:16px;overflow:hidden;background:var(--card);
  border:1px solid var(--line);box-shadow:var(--soft);transition:.2s;text-align:left;width:100%;cursor:pointer;
}
.vcard:hover{transform:translateY(-2px)}
.th{position:relative;aspect-ratio:16/9;background:#1a1613;overflow:hidden}
.th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.th .play{position:absolute;inset:0;display:grid;place-items:center;z-index:2;pointer-events:none}
.th .play span{
  width:48px;height:48px;border-radius:50%;background:var(--brand);color:#140a05;
  display:grid;place-items:center;font-size:16px;box-shadow:var(--soft);
}
.vcard .t{padding:14px}
.vcard h3{margin:0;font-size:15px;font-weight:700;line-height:1.35}
.vcard .meta{margin-top:4px;font-size:12px;color:var(--muted)}
.feat{position:relative}
.feat .th{aspect-ratio:16/10}
.feat .overlay{
  position:absolute;left:0;right:0;bottom:0;padding:20px;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.85));z-index:2;pointer-events:none;
}
.feat .overlay h3{margin:0;font-size:1.15rem}

.ev{
  display:flex;gap:14px;align-items:flex-start;
  background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;
}
.ev .n{color:var(--brand);font-weight:800;font-size:1.1rem;min-width:2.5rem}
.ev h3{margin:0 0 4px;font-size:1rem}
.ev p{margin:0;font-size:14px;color:var(--muted)}

.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gal a{
  position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;
  border:1px solid var(--line);background:#1a1613;
}
.gal img{width:100%;height:100%;object-fit:cover;transition:.35s}
.gal a:hover img{transform:scale(1.04)}
.gal span{
  position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:600;
  background:rgba(255,255,255,.95);color:#0e0c0b;padding:4px 10px;border-radius:999px;
}

footer{
  background:linear-gradient(135deg,#ff6a2b,#e24e12,#7a2a08);
  color:#fff;padding-top:56px;
}
footer a{color:rgba(255,255,255,.92)}
footer a:hover{text-decoration:underline;text-underline-offset:3px}
.gr{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;padding-bottom:36px}
.gr h4{margin:0 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
.gr ul{list-style:none;margin:0;padding:0}
.gr li{margin:6px 0}
.gr p{margin:0;opacity:.9;font-size:14px;line-height:1.5}
.fc{
  border-top:1px solid rgba(255,255,255,.18);
  display:grid;grid-template-columns:1fr 1.2fr;gap:28px;padding:28px 20px;
}
.fem{
  display:inline-flex;align-items:center;gap:8px;margin-top:12px;
  font-weight:700;font-size:15px;
}
.cform{display:grid;gap:12px}
.cr{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cform input,.cform textarea,.cform select{
  width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.12);color:#fff;font:inherit;
}
.cform input::placeholder,.cform textarea::placeholder{color:rgba(255,255,255,.65)}
.cform option{color:#0e0c0b}
.csend{background:#fff;color:#7a2a08;font-weight:700;padding:12px 20px;border-radius:12px}
.cst{font-size:13px;opacity:.9}
.fb{border-top:1px solid rgba(255,255,255,.15);padding:14px 0;font-size:13px;opacity:.9}
.fb .w{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}

.modal{
  position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;
  padding:20px;background:rgba(0,0,0,.75);
}
.modal.open{display:flex}
.mbox{width:min(900px,100%);background:#0e0c0b;border-radius:16px;overflow:hidden;position:relative}
.mbox .close{
  position:absolute;top:12px;right:12px;z-index:2;
  width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);color:#000;
  display:grid;place-items:center;font-size:18px;
}
.mbody{aspect-ratio:16/9;background:#000}
.mbody iframe{width:100%;height:100%;border:0}
.mfoot{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--card);color:var(--fg);flex-wrap:wrap}
.mfoot a{color:var(--brand);font-weight:700;font-size:14px}

#lb{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.85);padding:16px}
#lb.open{display:flex}
#lb img{max-width:min(960px,100%);max-height:80vh;object-fit:contain;border-radius:12px}
#lb .x,#lb .p,#lb .n{
  position:absolute;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);color:#000;
  display:grid;place-items:center;font-size:18px;
}
#lb .x{top:16px;right:16px}
#lb .p{left:12px}
#lb .n{right:12px}
#lb .cap{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#fff;font-size:14px}

@media(max-width:900px){
  .abt{grid-template-columns:1fr}
  .g2{grid-template-columns:1fr}
  .g3{grid-template-columns:1fr 1fr}
  .gal{grid-template-columns:1fr 1fr}
  .gr{grid-template-columns:1fr 1fr}
  .fc{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  nav ul,.hr .tsoc{display:none}
  #tg{display:grid;place-items:center}
  .top .w{padding-top:10px;padding-bottom:10px}
  .logo{width:40px;height:40px}
  .hero .w{padding:48px 16px 40px}
  section{padding:48px 0}
  .cr{grid-template-columns:1fr}
}
@media(max-width:420px){
  .g3,.gal{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .onair i{animation:none}
}

/* Particles canvas */
#pgPC{
  position:fixed;inset:0;width:100%;height:100%;
  pointer-events:none;z-index:0;
}
.top,nav{z-index:50}
.modal,#lb{z-index:90}
:root{--pc:180,160,140}
[data-theme="light"]{--pc:60,50,45}

/* Custom cursor (desktop only) */
.cur{
  position:fixed;top:0;left:0;width:18px;height:18px;margin:-9px 0 0 -9px;
  border:1.5px solid var(--brand);border-radius:50%;
  pointer-events:none;z-index:9999;opacity:0;
  transition:width .15s,height .15s,margin .15s,background .15s,opacity .2s;
  mix-blend-mode:difference;
}
.cur.on{opacity:.85}
.cur.h{width:36px;height:36px;margin:-18px 0 0 -18px;background:rgba(255,106,43,.25)}
.cur.d{width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--brand)}
@media (hover:none),(pointer:coarse){.cur{display:none}}


/* Featured podcast – large single card */
.feat-only{max-width:100%}
.feat-only .vcard.feat{width:100%}
.feat-only .feat .th{aspect-ratio:16/9;min-height:280px}
@media(min-width:800px){
  .feat-only .feat .th{min-height:420px;aspect-ratio:21/9}
}
.feat-only .overlay h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}
.pod-more{display:flex;justify-content:center;margin:22px 0 8px}
.pod-rest{margin-top:18px}
.pod-rest.is-open{display:grid!important}

/* Inner page hero banner */
.page-hero{
  position:relative;isolation:isolate;overflow:hidden;color:#fff;
  padding:56px 0 48px;
  background:linear-gradient(135deg,#1f0f08 0%,#0e0c0b 50%,#2b1006 100%);
}
.page-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 50% at 0% 100%,rgba(255,106,43,.32),transparent);
}
.page-hero .w{position:relative;z-index:1}
.page-hero h1{
  margin:10px 0 0;font-family:Poppins,Inter,sans-serif;
  font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;
  max-width:18ch;
}
.about-copy{color:var(--muted);font-size:1.05rem;line-height:1.75}
.about-copy p{margin:0 0 1rem}
nav a.active{color:var(--brand)!important;font-weight:700}


/* ===== Mobile stability & spacing fix ===== */
html, body{
  width: 100%;
  max-width: 100%;
  overflow-x: clip; /* clip doesn't kill vertical scroll like hidden can on iOS */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body{
  position: relative;
  min-height: 100%;
}

/* Stable sticky header stack — top bar then nav under it */
:root{
  --top-h: 76px;
  --nav-h: 52px;
  --header-stack: calc(var(--top-h) + var(--nav-h));
}
.top{
  position: sticky;
  top: env(safe-area-inset-top, 0px);
  z-index: 60;
  min-height: var(--top-h);
  box-sizing: border-box;
}
nav{
  position: sticky;
  top: calc(var(--top-h) + env(safe-area-inset-top, 0px));
  z-index: 59;
  min-height: var(--nav-h);
  box-sizing: border-box;
}
html{
  scroll-padding-top: calc(var(--header-stack) + env(safe-area-inset-top, 0px) + 12px);
}
section[id], header[id], footer[id]{
  scroll-margin-top: calc(var(--header-stack) + env(safe-area-inset-top, 0px) + 12px);
}
@media (max-width: 720px){
  :root{ --top-h: 68px; --nav-h: 48px; }
}
@media (max-width: 420px){
  :root{ --top-h: 56px; --nav-h: 48px; }
}
/* Approximate combined header height for scroll padding */
@media (max-width: 720px){
  /* scroll-padding set via --header-stack */
  .w{
    padding-left: max(18px, env(safe-area-inset-left, 0px));
    padding-right: max(18px, env(safe-area-inset-right, 0px));
  }
  .top .w{
    padding-top: 12px;
    padding-bottom: 12px;
    gap: 10px;
  }
  .logo{ width: 40px; height: 40px; }
  .wm{ font-size: 1.05rem; }
  .sub{ font-size: 11px; line-height: 1.3; max-width: 12rem; }
  nav .w{ padding: 8px 18px; }
  #mn{
    padding-left: max(18px, env(safe-area-inset-left));
    padding-right: max(18px, env(safe-area-inset-right));
  }
  section{ padding: 40px 0; }
  .hero .w{
    padding: 40px 18px 36px;
    padding-left: max(18px, env(safe-area-inset-left));
    padding-right: max(18px, env(safe-area-inset-right));
  }
  .page-hero{ padding: 40px 0 32px; }
  .page-hero .w{
    padding-left: max(18px, env(safe-area-inset-left));
    padding-right: max(18px, env(safe-area-inset-right));
  }
  .card{ padding: 20px 16px; border-radius: 16px; }
  .abt{ gap: 18px; }
  .chips{ gap: 6px; }
  .chips span{ font-size: 12px; padding: 6px 10px; }
  .abbtn{ gap: 8px; }
  .btn, .b1, .b2{ padding: 11px 16px; font-size: 13px; }
  .hero h1, .page-hero h1{ max-width: 100%; }
  .stats{ grid-template-columns: 1fr 1fr; gap: 10px; }
  .g3, .g4, .gal{ gap: 12px; }
  .gr{ grid-template-columns: 1fr; gap: 20px; }
  .fc{ padding: 22px 18px; gap: 20px; }
  footer{ padding-top: 40px; }
  .fb .w{ padding-left: max(18px, env(safe-area-inset-left)); padding-right: max(18px, env(safe-area-inset-right)); }
  /* modal safe */
  .modal, #lb{ padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
}

@media (max-width: 420px){
  .w{ padding-left: max(16px, env(safe-area-inset-left)); padding-right: max(16px, env(safe-area-inset-right)); }
  .wm{ font-size: 0.98rem; }
  .sub{ display: none; } /* reduce header height on very small screens */
  /* scroll-padding set via --header-stack */
}

/* Prevent layout shift from particles canvas */
#pgPC{
  position: fixed !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 100vw;
  pointer-events: none;
  z-index: 0;
}

/* Images never overflow */
img{ max-width: 100%; height: auto; }
.pw img{ max-width: 100%; height: auto; }

/* Sticky nav: make top+nav one stable block on mobile */
@media (max-width: 720px){
  .top, nav{
    background: var(--bg);
  }
  .top{
    border-bottom: 1px solid var(--line);
  }
  /* ensure content not under sticky bars when using anchors */
/* scroll-margin via --header-stack */
}

/* Reduce motion: less jitter */
@media (prefers-reduced-motion: reduce){
  .top, nav{ transition: none; }
}


/* Mobile nav: hide lone Book Me row (already in hamburger) */
@media (max-width: 720px){
  nav .w > div{ display: none !important; } /* hide Book Me cluster */
  nav .w{ justify-content: flex-end; min-height: 0; padding-top: 0; padding-bottom: 0; }
  /* When desktop ul is hidden, collapse empty nav bar height if only book was left */
  nav:not(:has(#mn.open)) .w:not(:has(ul:not([style*="display: none"]))) { }
  nav ul{ display: none !important; }
  /* Keep nav sticky but thinner on mobile — menu lives in #mn under top */
  nav{
    border-bottom: none;
    min-height: 0 !important;
    height: 0;
    overflow: visible;
    padding: 0;
  }
  nav .w{ height: 0; padding: 0; overflow: hidden; }
  #mn{
    border-top: 1px solid var(--line);
    background: var(--bg);
  }
  :root{ --nav-h: 0px; }
}


/* ===== FORCE scroll unlock (fix stuck page) ===== */
html, body{
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100%;
  touch-action: pan-y pinch-zoom;
}
body{
  position: static;
}
#pgPC{
  pointer-events: none !important;
}
.cur{
  pointer-events: none !important;
}

/* Hero mobile: face higher & clear of text, buttons above wave */
@media (max-width: 720px){
  /* Push face up and slightly right so left side stays dark for text */
  .hero .hph{ object-position: 78% 6% !important; }
  .hero .w{
    padding: 24px 16px 108px !important; /* room above wave for buttons */
  }
  .hero .btns{
    margin-top: 18px;
    gap: 10px;
    position: relative;
    z-index: 5;
  }
  .hero .btns .b1,
  .hero .btns .b2{
    background: rgba(255,255,255,.96);
    color: #0e0c0b;
  }
  .hero .btns .b2{
    background: rgba(0,0,0,.45);
    color: #fff;
    border-color: rgba(255,255,255,.75);
    backdrop-filter: blur(6px);
  }
  .hero .wave{
    height: 72px !important;
    opacity: .7;
    z-index: 1;
  }
  .hero .onair, .hero .eyebrow, .hero h1, .hero .dv{
    position: relative;
    z-index: 3;
    text-shadow: 0 2px 18px rgba(0,0,0,.75), 0 1px 4px rgba(0,0,0,.5);
  }
  /* narrower/smaller title so face is not covered */
  .hero h1{
    font-size: clamp(1.4rem, 6.2vw, 1.85rem);
    max-width: 11ch;
    line-height: 1.2;
  }
  /* stronger left darken so text reads, face stays clear on right */
  .hero::before{
    background:
      linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.55) 42%, rgba(0,0,0,.18) 72%, transparent 100%),
      radial-gradient(60% 50% at 0% 100%, rgba(255,106,43,.35), transparent);
  }
}
@media (min-width: 721px){
  .hero .w{ padding-bottom: 72px; }
  .hero .wave{ height: 90px; }
  /* desktop: keep face clear of headline */
  .hero .hph{ object-position: 74% 14%; }
}