:root{
  --navy:#0b1a3a;
  --navy-2:#13254d;
  --ink:#1a1410;
  --red:#9e2b2b;
  --red-bright:#b8323a;
  --cream:#f5ecdc;
  --paper:#faf4e8;
  --gold:#c79a3f;
  --gold-soft:#d8b860;
  --muted:#6d6356;
  --line:rgba(26,20,16,.14);
  --maxw:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Source Sans 3',system-ui,sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{line-height:1.05;font-weight:700}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.serif{font-family:'Playfair Display',Georgia,serif}
.poster{font-family:'Anton',Impact,sans-serif;letter-spacing:.01em;text-transform:uppercase}
.cond{font-family:'Oswald',sans-serif}

/* ===== flag rule ===== */
.flag-rule{height:6px;width:100%;background:
  linear-gradient(90deg,var(--red) 0 33.3%,var(--paper) 33.3% 66.6%,var(--navy) 66.6% 100%)}

/* ===== bunting (patriotic draped swags) ===== */
.bunting{display:flex;width:100%;height:54px;overflow:hidden;line-height:0;filter:drop-shadow(0 6px 6px rgba(0,0,0,.25))}
.bunting .swag{flex:1 0 7.6923%;height:100%;border-radius:0 0 50% 50%/0 0 100% 100%;position:relative;
  box-shadow:inset 0 -6px 10px rgba(0,0,0,.28),inset 0 4px 0 rgba(255,255,255,.18)}
.bunting .swag::after{content:'';position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);
  width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 6px rgba(0,0,0,.4)}
.bunting .swag:nth-child(3n+1){background:linear-gradient(180deg,#c4313a,#7e2122)}
.bunting .swag:nth-child(3n+2){background:linear-gradient(180deg,#fbf6ec,#d9cdb6)}
.bunting .swag:nth-child(3n+3){background:linear-gradient(180deg,#1c3367,#0b1a3a)}
.bunting.flip{transform:rotate(180deg)}

/* ===== waving flag backdrop (hero) ===== */
.waveflag{position:absolute;inset:0;pointer-events:none;
  background:url('flag.svg') center/cover no-repeat;
  opacity:.25;
  -webkit-mask:radial-gradient(150% 120% at 50% 32%,#000 0%,#000 45%,rgba(0,0,0,.35) 72%,transparent 100%);
  mask:radial-gradient(150% 120% at 50% 32%,#000 0%,#000 45%,rgba(0,0,0,.35) 72%,transparent 100%);
  animation:wave 12s ease-in-out infinite;transform-origin:center}
@keyframes wave{0%,100%{transform:skewY(-1deg) scale(1.03)}50%{transform:skewY(1deg) scale(1.06)}}
.waveflag .canton{display:none}

/* ===== star scatter ===== */
.star{position:absolute;color:var(--gold-soft);opacity:.5;pointer-events:none;
  animation:twinkle 3s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.9)}50%{opacity:.8;transform:scale(1.15)}}
#fireworks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}

/* ===== top bar ===== */
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:rgba(11,26,58,.0);
  transition:background .35s ease, box-shadow .35s ease, padding .35s ease;
  padding:18px 0;
}
.topbar.scrolled{background:rgba(8,20,46,.96);box-shadow:0 2px 30px rgba(0,0,0,.35);padding:11px 0}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brandmark{display:flex;align-items:center;gap:12px;color:var(--cream)}
.brandmark .seal{width:38px;height:38px;flex:0 0 38px}
.brandmark .bt{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;line-height:1.15;color:var(--gold-soft)}
.brandmark .bt small{display:block;color:var(--cream);letter-spacing:.22em;font-weight:300;font-size:.62rem;opacity:.8}
.navlinks{display:flex;gap:30px;align-items:center}
.navlinks a{color:var(--cream);font-family:'Oswald',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;opacity:.85;transition:opacity .2s,color .2s}
.navlinks a:hover{opacity:1;color:var(--gold-soft)}
.nav-cta{border:1px solid var(--gold);color:var(--gold-soft)!important;padding:8px 16px;border-radius:2px;opacity:1!important}
.nav-cta:hover{background:var(--gold);color:var(--navy)!important}
.burger{display:none;background:none;border:0;color:var(--cream);font-size:1.6rem;cursor:pointer}

/* ===== hero ===== */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;
  background:radial-gradient(120% 120% at 50% -10%,#16294f 0%,var(--navy) 45%,#070f24 100%);
  color:var(--cream);overflow:hidden;padding:140px 0 90px}
#stars{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.9}
.hero-glow{position:absolute;inset:0;background:
  radial-gradient(60% 50% at 50% 18%,rgba(199,154,63,.16),transparent 70%);pointer-events:none}
.hero .wrap{position:relative;z-index:2;text-align:center}
.eyebrow{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.42em;
  font-size:.82rem;color:var(--gold-soft);margin-bottom:22px;font-weight:400}
.eyebrow span{display:inline-block;padding:0 .35em}
.hero h1{font-size:clamp(3.4rem,11vw,9.2rem);color:var(--cream);
  text-shadow:0 4px 40px rgba(0,0,0,.5);margin:0}
.hero h1 .l2{display:block;color:var(--gold-soft)}
.hero .tagline{font-family:'Playfair Display',serif;font-style:italic;font-weight:500;
  font-size:clamp(1.2rem,3.2vw,2rem);color:var(--cream);opacity:.92;margin:18px auto 0;max-width:760px}
.hero .stamp{margin:34px auto 0;display:inline-flex;flex-wrap:wrap;gap:0;justify-content:center;
  border:1px solid rgba(216,184,96,.4);border-radius:3px;overflow:hidden}
.hero .stamp div{padding:10px 22px;font-family:'Oswald',sans-serif;text-transform:uppercase;
  letter-spacing:.14em;font-size:.78rem;border-right:1px solid rgba(216,184,96,.25)}
.hero .stamp div:last-child{border-right:0}
.hero .stamp strong{color:var(--gold-soft);font-weight:600}
.cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.btn{display:inline-flex;align-items:center;gap:10px;font-family:'Oswald',sans-serif;
  text-transform:uppercase;letter-spacing:.12em;font-weight:500;font-size:.92rem;
  padding:15px 30px;border-radius:3px;cursor:pointer;transition:transform .18s,box-shadow .25s,background .2s,color .2s;border:1px solid transparent}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 10px 30px rgba(199,154,63,.3)}
.btn-gold:hover{background:var(--gold-soft);box-shadow:0 14px 38px rgba(199,154,63,.42)}
.btn-ghost{border-color:rgba(245,236,220,.55);color:var(--cream)}
.btn-ghost:hover{border-color:var(--gold-soft);color:var(--gold-soft)}
.btn-red{background:var(--red-bright);color:#fff}
.btn-red:hover{background:var(--red)}
.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;
  color:var(--gold-soft);font-family:'Oswald',sans-serif;letter-spacing:.2em;font-size:.65rem;
  text-transform:uppercase;opacity:.7;animation:bob 2.4s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

/* ===== section scaffolding ===== */
section{position:relative}
.band{padding:96px 0}
.band-cream{background:var(--paper)}
.band-deep{background:var(--navy);color:var(--cream)}
.band-red{background:linear-gradient(160deg,var(--red) 0%,#7e2122 100%);color:var(--cream)}
.kicker{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.3em;
  font-size:.78rem;color:var(--red);font-weight:600;margin-bottom:14px}
.band-deep .kicker,.band-red .kicker{color:var(--gold-soft)}
.h-sec{font-family:'Playfair Display',serif;font-weight:900;font-size:clamp(2rem,5vw,3.4rem);
  line-height:1.04;margin-bottom:8px}
.lead{font-size:1.18rem;color:var(--muted);max-width:62ch}
.band-deep .lead,.band-red .lead{color:rgba(245,236,220,.85)}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}

/* ===== pitch / logline ===== */
.logline{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(1.5rem,3.6vw,2.5rem);
  line-height:1.35;max-width:24ch;margin:0 auto;text-align:center}
.logline em{font-style:italic;color:var(--red)}
.band-deep .logline em{color:var(--gold-soft)}
.genre-row{display:flex;flex-wrap:wrap;gap:10px 14px;justify-content:center;margin-top:40px}
.genre-row span{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.16em;
  font-size:.82rem;color:var(--cream);border:1px solid rgba(245,236,220,.3);
  padding:7px 16px;border-radius:40px;opacity:.9}
.genre-row span b{color:var(--gold-soft);font-weight:600}

/* ===== demo player ===== */
.demo-card{max-width:760px;margin:0 auto;background:linear-gradient(180deg,#13254d,#0a1735);
  border:1px solid rgba(216,184,96,.35);border-radius:10px;padding:38px 34px;
  box-shadow:0 30px 70px rgba(0,0,0,.4);text-align:center}
.demo-card .badge{display:inline-block;font-family:'Oswald',sans-serif;text-transform:uppercase;
  letter-spacing:.2em;font-size:.7rem;color:var(--navy);background:var(--gold-soft);
  padding:5px 14px;border-radius:30px;font-weight:600;margin-bottom:18px}
.demo-card h3{font-family:'Playfair Display',serif;font-size:1.9rem;color:var(--cream);margin-bottom:6px}
.demo-card p.sub{color:rgba(245,236,220,.7);margin-bottom:26px}
.player{display:flex;align-items:center;gap:18px;justify-content:center;flex-wrap:wrap}
.playbtn{width:74px;height:74px;flex:0 0 74px;border-radius:50%;border:0;cursor:pointer;
  background:var(--gold);color:var(--navy);display:grid;place-items:center;transition:transform .2s,background .2s;
  box-shadow:0 10px 28px rgba(199,154,63,.4)}
.playbtn:hover{transform:scale(1.06);background:var(--gold-soft)}
.playbtn svg{width:30px;height:30px;margin-left:3px}
.playbtn.playing svg{margin-left:0}
.wavewrap{flex:1;min-width:220px;text-align:left}
.bars{display:flex;align-items:flex-end;gap:3px;height:48px}
.bars i{flex:1;background:linear-gradient(180deg,var(--gold-soft),var(--red-bright));border-radius:2px;
  height:30%;opacity:.5;transition:opacity .2s}
.bars.live i{animation:eq 1s ease-in-out infinite;opacity:1}
.bars.live i:nth-child(even){animation-duration:.7s}
.bars.live i:nth-child(3n){animation-duration:1.3s}
@keyframes eq{0%,100%{height:25%}50%{height:95%}}
.demo-note{margin-top:22px;font-size:.85rem;color:rgba(245,236,220,.6)}
audio{display:none}

/* ===== hours timeline ===== */
.hours{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:46px}
.hour{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:10px;
  padding:30px 28px 28px;overflow:hidden;transition:transform .3s,box-shadow .3s}
.hour:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(11,26,58,.13)}
.hour::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--gold)}
.hour.h1::before{background:var(--gold)}
.hour.h2::before{background:var(--red-bright)}
.hour.h3::before{background:var(--navy)}
.hour.h4::before{background:linear-gradient(var(--red),var(--navy))}
.hour .hnum{font-family:'Anton',sans-serif;font-size:3.4rem;color:var(--line);
  line-height:.8;letter-spacing:0;margin-bottom:4px}
.hour h3{font-family:'Playfair Display',serif;font-size:1.5rem;margin-bottom:4px}
.hour .yrs{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.18em;
  font-size:.74rem;color:var(--red);margin-bottom:14px}
.hour p{color:var(--muted);font-size:.98rem;margin-bottom:16px}
.hour .acts{display:flex;flex-wrap:wrap;gap:6px}
.hour .acts span{font-size:.74rem;font-family:'Oswald',sans-serif;letter-spacing:.05em;
  color:var(--navy);background:rgba(11,26,58,.07);padding:4px 10px;border-radius:30px}

/* ===== numbers ===== */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}
.stat{text-align:center;padding:24px 12px;border:1px solid rgba(245,236,220,.18);border-radius:8px}
.stat .n{font-family:'Anton',sans-serif;font-size:clamp(2.4rem,5vw,3.6rem);color:var(--gold-soft);line-height:1}
.stat .l{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.14em;
  font-size:.74rem;margin-top:8px;color:rgba(245,236,220,.85)}
.band-cream .stat{border-color:var(--line)}
.band-cream .stat .l{color:var(--muted)}

/* ===== marquee ===== */
.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--paper);padding:22px 0}
.marquee .track{display:inline-block;animation:slide 38s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.marquee span{font-family:'Playfair Display',serif;font-style:italic;font-size:1.45rem;color:var(--ink);
  padding:0 28px}
.marquee span::after{content:'\2726';color:var(--gold);font-style:normal;margin-left:56px;opacity:.7}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===== two-audience split ===== */
.split{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:12px;overflow:hidden;
  box-shadow:0 30px 70px rgba(11,26,58,.16);margin-top:10px}
.split>div{padding:54px 46px}
.aud-listener{background:linear-gradient(160deg,#13254d,#0a1735);color:var(--cream)}
.aud-station{background:linear-gradient(160deg,var(--red) 0%,#7c2021 100%);color:var(--cream)}
.split .tag{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.26em;
  font-size:.74rem;color:var(--gold-soft);margin-bottom:14px}
.aud-station .tag{color:#f3d9a0}
.split h3{font-family:'Playfair Display',serif;font-size:2rem;margin-bottom:14px}
.split p{opacity:.9;margin-bottom:22px}
.checks{list-style:none;margin:0 0 26px}
.checks li{position:relative;padding-left:30px;margin-bottom:12px;opacity:.95}
.checks li::before{content:'\2605';position:absolute;left:0;top:0;color:var(--gold-soft)}
.aud-station .checks li::before{color:#f3d9a0}

/* ===== production credibility ===== */
.prod{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}
.cylinder{position:relative;aspect-ratio:1;border-radius:50%;
  background:repeating-radial-gradient(circle at center,#1a1410 0 2px,#2a2018 2px 5px);
  box-shadow:0 30px 60px rgba(0,0,0,.4),inset 0 0 60px rgba(0,0,0,.6);display:grid;place-items:center;
  max-width:340px;margin:0 auto;animation:spin 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.cylinder .label{width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#b8323a,#7e2122);
  display:grid;place-items:center;text-align:center;color:var(--cream);
  font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;
  box-shadow:inset 0 0 18px rgba(0,0,0,.5);padding:10px}
.cylinder .label b{font-family:'Anton',sans-serif;font-size:1.1rem;display:block;color:var(--gold-soft)}
.prod ul.facts{list-style:none;margin-top:22px}
.prod ul.facts li{padding:14px 0;border-top:1px solid var(--line);display:flex;gap:14px}
.prod ul.facts li:last-child{border-bottom:1px solid var(--line)}
.prod ul.facts b{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;
  color:var(--red);font-size:.82rem;flex:0 0 130px;padding-top:2px}
.prod ul.facts span{color:var(--muted)}

/* ===== closing CTA ===== */
.closer{text-align:center;background:radial-gradient(120% 120% at 50% 0%,#16294f,#070f24);color:var(--cream);padding:110px 0;position:relative;overflow:hidden}
.closer .wrap{position:relative;z-index:2}
.closer .h-sec{color:var(--cream)}
.closer .h-sec em{font-style:italic;color:var(--gold-soft);font-weight:700}

/* ===== form ===== */
.affform{max-width:680px;margin:34px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
.affform .full{grid-column:1/-1}
.affform label{display:block;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.12em;
  font-size:.7rem;color:var(--gold-soft);margin-bottom:6px}
.affform input,.affform textarea{width:100%;background:rgba(245,236,220,.06);border:1px solid rgba(245,236,220,.25);
  border-radius:4px;padding:12px 14px;color:var(--cream);font-family:inherit;font-size:.98rem}
.affform input:focus,.affform textarea:focus{outline:none;border-color:var(--gold-soft);background:rgba(245,236,220,.1)}
.affform textarea{min-height:96px;resize:vertical}

/* ===== footer ===== */
footer{background:#070f24;color:rgba(245,236,220,.7);padding:54px 0 40px;text-align:center}
footer .seal{width:48px;height:48px;margin:0 auto 16px}
footer .ftitle{font-family:'Anton',sans-serif;text-transform:uppercase;letter-spacing:.04em;
  font-size:1.4rem;color:var(--cream)}
footer .net{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.26em;
  font-size:.78rem;color:var(--gold-soft);margin:8px 0 22px}
footer .fmeta{font-size:.82rem;opacity:.6;line-height:1.9}
footer a{color:var(--gold-soft)}
.switchlink{display:inline-block;margin-top:8px;font-family:'Oswald',sans-serif;text-transform:uppercase;
  letter-spacing:.14em;font-size:.74rem;color:var(--gold-soft);border-bottom:1px solid rgba(216,184,96,.4);padding-bottom:2px}

/* ===== host ===== */
.host{display:grid;grid-template-columns:.82fr 1.1fr;gap:56px;align-items:center}
.host-photo{position:relative;text-align:center}
.host-photo img{width:100%;max-width:380px;border-radius:14px;border:1px solid rgba(216,184,96,.55);
  box-shadow:0 30px 64px rgba(0,0,0,.5);display:block;margin:0 auto}
.host-photo .ribbon{position:absolute;left:50%;bottom:-16px;transform:translateX(-50%);
  background:var(--gold);color:var(--navy);font-family:'Oswald',sans-serif;text-transform:uppercase;
  letter-spacing:.16em;font-size:.7rem;font-weight:600;padding:8px 20px;border-radius:3px;
  box-shadow:0 8px 20px rgba(0,0,0,.4);white-space:nowrap}
.host-copy h2{color:var(--cream)}
.host-role{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.14em;
  color:var(--gold-soft);font-size:.86rem;margin:6px 0 20px}
.host-copy p{color:rgba(245,236,220,.85);font-size:1.1rem;margin-bottom:16px}
.host-copy p:last-of-type{margin-bottom:0}
.host-stations{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.host-stations span{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.1em;
  font-size:.74rem;color:var(--cream);border:1px solid rgba(216,184,96,.4);padding:6px 14px;border-radius:30px}
@media(max-width:880px){.host{grid-template-columns:1fr;gap:48px}.host-photo .ribbon{position:static;transform:none;display:inline-block;margin-top:14px}}

/* ===== GATEWAY / SPLASH ===== */
.gate{min-height:100vh;display:flex;flex-direction:column;color:var(--cream);position:relative;overflow:hidden;
  background:radial-gradient(130% 120% at 50% -10%,#16294f 0%,var(--navy) 45%,#060d20 100%)}
.gate-top{position:relative;z-index:4}
.gate-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;position:relative;z-index:3;padding:70px 24px 50px}
.gate-eyebrow{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.4em;
  font-size:.78rem;color:var(--gold-soft);margin-bottom:20px}
.gate h1{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(2.8rem,8.5vw,6.4rem);
  line-height:.92;color:var(--cream);text-shadow:0 4px 40px rgba(0,0,0,.55)}
.gate h1 .l2{display:block;font-family:'Playfair Display',serif;font-weight:900;text-transform:none;
  font-size:.34em;color:var(--gold-soft);margin-top:8px;letter-spacing:0}
.gate .ask{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.25rem,3.4vw,2rem);
  color:var(--cream);opacity:.95;margin:30px auto 6px;max-width:680px}
.gate .ask b{font-style:normal;color:var(--gold-soft)}
.doors{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:860px;width:100%;margin:44px auto 0}
.door{position:relative;display:block;border-radius:14px;overflow:hidden;padding:46px 34px 40px;
  border:1px solid rgba(216,184,96,.35);text-align:center;cursor:pointer;
  transition:transform .25s ease,box-shadow .3s ease,border-color .3s}
.door:hover{transform:translateY(-7px);box-shadow:0 30px 70px rgba(0,0,0,.45);border-color:var(--gold-soft)}
.door .dicon{width:62px;height:62px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;
  background:rgba(216,184,96,.15);border:1px solid rgba(216,184,96,.5)}
.door .dicon svg{width:30px;height:30px;fill:var(--gold-soft)}
.door .dlabel{font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.18em;
  font-size:.74rem;color:var(--gold-soft);margin-bottom:6px}
.door h2{font-family:'Playfair Display',serif;font-size:1.85rem;color:var(--cream);margin-bottom:10px}
.door p{color:rgba(245,236,220,.78);font-size:.98rem;margin-bottom:22px;min-height:48px}
.door .go{display:inline-flex;align-items:center;gap:9px;font-family:'Oswald',sans-serif;
  text-transform:uppercase;letter-spacing:.12em;font-size:.84rem;font-weight:500;
  padding:12px 24px;border-radius:3px;transition:gap .2s}
.door:hover .go{gap:15px}
.door-listener{background:linear-gradient(165deg,#16294f,#0a1735)}
.door-listener .go{background:var(--gold);color:var(--navy)}
.door-station{background:linear-gradient(165deg,#8f2529,#5e1819)}
.door-station .dicon{background:rgba(216,184,96,.18)}
.door-station .go{background:var(--gold);color:var(--navy)}
.gate-foot{position:relative;z-index:3;text-align:center;padding:24px;font-family:'Oswald',sans-serif;
  text-transform:uppercase;letter-spacing:.26em;font-size:.72rem;color:var(--gold-soft);opacity:.85}

@media(max-width:880px){
  .navlinks{position:fixed;inset:0 0 auto 0;top:0;flex-direction:column;background:rgba(8,20,46,.99);
    padding:90px 30px 30px;transform:translateY(-105%);transition:transform .35s ease;gap:22px;align-items:flex-start}
  .navlinks.open{transform:none}
  .burger{display:block;z-index:60}
  .hours{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .split{grid-template-columns:1fr}
  .prod{grid-template-columns:1fr;gap:36px}
  .affform{grid-template-columns:1fr}
  .split>div{padding:42px 30px}
  .doors{grid-template-columns:1fr;gap:18px}
  .door p{min-height:0}
}