/* V1 faces RETIRED (house law: no Anton, no Space Mono). The old family
   NAMES survive only as aliases so that every un-migrated V1 rule is served
   the V2 self-hosted faces instead. The V1 woff2 files are never fetched. */
@font-face{font-family:Anton;src:url("assets/design/fonts/geist-var.woff2") format("woff2");font-weight:660;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Anton;src:url("assets/design/fonts/geist-var-ext.woff2") format("woff2");font-weight:660;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;src:url("assets/design/fonts/geist-var.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;src:url("assets/design/fonts/geist-var-ext.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Archivo;src:url("assets/design/fonts/geist-var.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;src:url("assets/design/fonts/geist-var-ext.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Mono";src:url("assets/design/fonts/geist-mono-var.woff2") format("woff2");font-weight:420;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Space Mono";src:url("assets/design/fonts/geist-mono-var-ext.woff2") format("woff2");font-weight:420;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --void:#05070c; --cream:#faf5ec; --aqua:#35e0f2; --coral:#ff5433; --lime:#c8f531; --magenta:#ff3e8e;
  --ink:#0f0e0c; --dim:rgba(250,245,236,.82); --mute:rgba(250,245,236,.56); --line:rgba(250,245,236,.08); --chassis:#0b0d12;
  --ed-country:#e0a04a; --ed-country-rap:#e06a3a; --ed-lofi:#35e0f2; --ed-beats:#c8f531;
  --ed-reggae:#f0c14a; --ed-caliente:#ff3e8e; --ed-gypsy:#d9c4a0; --ed-rock:#ff2d2d;
  --ed-bollywood:#a855f7; --ed-italian:#2ea043;
  --top-h:6.4rem;
  --dock-clear:4.75rem;
}
*{box-sizing:border-box}
/* The hidden attribute must always win: several components (funny-empty, clip-grid,
   spotify rails) set display:grid/flex which used to override [hidden]. */
[hidden]{display:none!important}
html{scroll-padding-top:7.2rem;scroll-padding-bottom:var(--dock-clear)}
html,body{margin:0;background:var(--void);color:var(--cream);font-family:Archivo,system-ui,sans-serif}
body{min-height:100svh;padding-bottom:var(--dock-clear)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.skip{position:absolute;left:-999px;top:0;display:flex;align-items:center;min-height:44px}
.skip:focus{left:12px;top:12px;z-index:80;display:flex;align-items:center;min-height:44px;padding:.6rem 1rem;background:var(--aqua);color:var(--ink)}

body::before,body::after{content:"";pointer-events:none;position:fixed;inset:0}
body::before{
  z-index:60;opacity:.085;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
body::after{
  z-index:59;
  background:radial-gradient(ellipse at 50% 40%,transparent 48%,rgba(0,0,0,.3) 100%);
}
body.has-reel::before{opacity:.045}
body.has-reel::after{background:radial-gradient(ellipse at 50% 46%,transparent 56%,rgba(0,0,0,.26) 100%)}

.film-stage-poster,.film-stage-canvas{
  position:fixed;inset:0;width:100vw;height:100svh;z-index:0;pointer-events:none;
}
.film-stage-poster{display:block;background:#02040a}
.film-stage-poster img{width:100%;height:100%;object-fit:cover;background:#02040a}
@media(min-width:769px){
  .room-welcome .film-stage-poster{overflow:hidden}
  .room-welcome .film-stage-poster img{
    position:absolute;left:50%;top:50%;width:100svh;height:100vw;max-width:none;
    object-fit:cover;object-position:center;
    transform:translate(-50%,-50%) rotate(90deg);
  }
}
.film-stage-canvas{opacity:0;background:transparent;transition:opacity .24s ease-out}
body[data-film-ready=true] .film-stage-canvas{opacity:1}
body[data-film-mode=static] .film-stage-canvas{display:none}
.film-vignette{
  position:fixed;inset:0;z-index:1;pointer-events:none;
  background:
    radial-gradient(140% 110% at 50% 48%,transparent 68%,rgba(3,5,9,.1) 100%),
    linear-gradient(180deg,rgba(3,5,9,.06),transparent 18%,transparent 90%,rgba(3,5,9,.1));
}
.has-reel main,.has-reel footer{position:relative;z-index:2}

.top{
  position:sticky;top:0;z-index:40;
  display:grid;
  grid-template-columns:1fr auto auto auto auto;
  grid-template-areas:"brand live toggle lang1 lang2";
  align-items:center;gap:.2rem .7rem;
  padding:.55rem 3vw .5rem;
  background:linear-gradient(180deg,rgba(5,7,12,.28),rgba(5,7,12,.04));
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(250,245,236,.06);
}
.top{transition:transform .28s ease}
.top.top-away{transform:translateY(-110%)}
.brand{grid-area:brand;display:inline-flex;align-items:center;min-height:52px;font-family:Anton,sans-serif;letter-spacing:.04em;font-size:clamp(2.2rem,7vw,4.6rem);line-height:.9;z-index:46}
.brand span{color:var(--aqua)}
.nav-toggle{
  grid-area:toggle;width:48px;height:48px;display:grid;gap:6px;place-content:center;
  position:relative;z-index:46;
  border-radius:10px;border:1px solid rgba(250,245,236,.18);
}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--cream);border-radius:2px}
html.nav-open .nav-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
html.nav-open .nav-toggle span:nth-child(2){opacity:0}
html.nav-open .nav-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.nav-toggle span{transition:transform .2s ease,opacity .2s ease}
.top .live{
  display:none !important;
  grid-area:live;
  font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.14em;
  color:var(--mute);padding:.18rem 0;border:0;opacity:.9;
}
.top .live.on{color:var(--coral)}
.clock{grid-area:live;display:none}
.lang{
  font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.1em;
  border:0;padding:.35rem .55rem;min-width:40px;min-height:40px;border-radius:999px;color:rgba(250,245,236,.62);
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
}
footer [data-gbx-legal],footer .gbx-foot-mark{
  margin:.45rem 0 0;font-size:.78rem;line-height:1.45;color:rgba(250,245,236,.62);
}
footer [data-gbx-legal] a{color:inherit;text-decoration:underline;text-underline-offset:.18em}
.top .lang:nth-last-of-type(2){grid-area:lang1}
.top .lang:nth-last-of-type(1){grid-area:lang2}
.lang + .lang{margin-left:0}
.lang:hover,.lang:focus-visible{color:var(--cream);background:rgba(250,245,236,.1)}
.lang.on{background:rgba(250,245,236,.14);color:var(--cream)}
.nav{
  display:none;flex-direction:column;gap:.15rem;
  position:fixed;top:0;right:0;bottom:0;height:100svh;width:min(28rem,86vw);z-index:45;
  padding:5.6rem 1.4rem 2rem;margin:0;
  background:rgba(5,7,12,.94);backdrop-filter:blur(18px);
  overflow-y:auto;
}
html.nav-open .nav{display:flex}
html.nav-open{overflow:hidden}
/* assets/design/system.css owns the real opaque-drawer/scrim/z-index fix
   for the open mobile menu (loads after this file with !important). The
   one thing it does not reach is the hero video's own grain+vignette
   pseudo-elements (z-index 59/60, above the drawer's 45) — they kept
   painting over the open menu. Switch them off while nav-open so nothing
   behind the header can still bleed through (round-2 bugfix 2026-09-18). */
html.nav-open body::before,html.nav-open body::after{display:none}
/* The sticky Radio play dock is fixed at z-index:70 — above the drawer's
   45, the scrim's 44, and even the boosted header's 46 — so on any Radio-hub
   page (radio/claudine) it kept floating over the open mobile menu, PLAY
   button and all. Same fix shape as the hero pseudo-elements above: hide it
   while the drawer owns the screen (trust-bug pass, 2026-09-25). */
html.nav-open .dock{display:none}
.nav a{
  flex:none;font-family:"Space Mono",monospace;text-transform:uppercase;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.12rem;
  min-height:52px;padding:.55rem 1rem;font-size:.92rem;letter-spacing:.14em;border-radius:12px;
  color:rgba(250,245,236,.82);
  transition:background .2s ease, color .2s ease;
}
.nav a b{font-weight:400;font-size:.92rem;letter-spacing:.12em;line-height:1.15}
.nav a small{
  font-size:.58rem;letter-spacing:.16em;line-height:1.2;
  color:rgba(250,245,236,.48);text-transform:uppercase;
}
.nav a.on small{color:inherit;opacity:.62}
@media(max-width:768px){
  .top .live{display:none}
  .hero{grid-template-columns:1fr}
  html,body{overflow-x:hidden}
}
.nav::-webkit-scrollbar{display:none}
.nav a:hover,.nav a:focus-visible{
  background:rgba(250,245,236,.1);color:var(--cream);
}
.nav a.on{background:var(--cream);color:var(--ink)}
.nav-more{display:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.hero{
  position:relative;
  height:calc(100svh - var(--top-h) - var(--dock-clear));
  min-height:calc(100svh - var(--top-h) - var(--dock-clear));
  max-height:calc(100svh - var(--top-h) - var(--dock-clear));
  overflow:hidden;
  display:grid;grid-template-columns:minmax(0,36rem) 1fr;
  align-items:center;padding:7.2rem 4vw 1.6rem;
}
.hero{
  background:
    radial-gradient(circle at 74% 46%,rgba(237,184,71,.16),transparent 36%),
    var(--void);
}
.has-reel .hero,.has-reel .hero#orb{background:transparent}
.hero,#orb{background-color:var(--void)}
.has-reel .hero,#orb{background-color:transparent}
#orb{position:absolute;inset:0;width:100%;height:100%;display:block;mix-blend-mode:screen;opacity:.88}
.hero-copy{position:relative;z-index:2;text-align:left;max-width:36rem;padding:0}
.hero-copy::before{
  content:"";position:absolute;inset:-6% 22% -8% -8%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 0% 50%,rgba(5,7,12,.18) 0%,rgba(5,7,12,.04) 58%,transparent 86%);
}
/* Phone: the scroll-film's bright edge cuts through the station hero copy.
   Widen the existing scrim to the full copy block and darken it. */
@media(max-width:768px){
  .room-home .hero-copy::before{
    inset:-5% -7% -7% -7%;
    background:linear-gradient(180deg,
      rgba(5,7,12,.90) 0%,
      rgba(5,7,12,.84) 58%,
      rgba(5,7,12,.62) 86%,
      rgba(5,7,12,0) 100%);
  }
}
.hero-copy h1{color:var(--cream)}
.kicker{font-family:"Space Mono",monospace;letter-spacing:.22em;font-size:.7rem;color:var(--mute);text-transform:uppercase}
h1{font-family:Anton,sans-serif;font-size:clamp(3.2rem,8vw,7.2rem);line-height:1.06;margin:.7rem 0 1.45rem;letter-spacing:.03em}
.lede{font-size:clamp(1.12rem,2.1vw,1.42rem);color:var(--dim);max-width:40rem;margin:0 0 2rem;line-height:1.55}
.play{
  display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.8rem 1.55rem;
  border:1px solid var(--aqua);color:var(--aqua);font-family:"Space Mono",monospace;letter-spacing:.18em;text-transform:uppercase;
  border-radius:999px;position:relative;overflow:hidden;
  box-shadow:0 0 0 1px rgba(53,224,242,.18), 0 12px 28px rgba(0,0,0,.28);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
}
.play::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.22) 48%,transparent 62%);
  transform:translateX(-130%);
  transition:transform .55s ease;
}
.play.ghost{border-color:rgba(250,245,236,.3);color:var(--cream);box-shadow:none}
.play.solid{background:var(--aqua);color:var(--ink);box-shadow:0 0 28px rgba(53,224,242,.32)}
.plays{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.35rem}
.play:hover,.play:focus-visible{background:var(--aqua);color:var(--ink);transform:translateY(-2px)}
.play:hover::after,.play:focus-visible::after{transform:translateX(130%)}
.play.solid:hover,.play.solid:focus-visible{box-shadow:0 0 40px rgba(53,224,242,.5)}
.freq{display:flex;justify-content:flex-start;gap:1.4rem;margin:1.8rem 0 0;font-family:"Space Mono",monospace;font-size:.72rem;letter-spacing:.28em;color:var(--dim)}
.freq b{color:var(--aqua);font-weight:400}
.reel-note{margin:1rem 0 0;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.16em;color:rgba(250,245,236,.68)}

/* Laptop browser chrome can leave only ~575px of content height. Keep the
   complete opening statement above the fixed player instead of clipping the
   final headline line inside the cinematic hero. */
@media (min-width:769px) and (max-height:700px){
  .hero{padding:clamp(.7rem,2.2vh,1.15rem) 4vw clamp(.7rem,2vh,1rem)}
  .hero-copy{max-width:min(48rem,68vw)}
  .hero h1{font-size:clamp(2.85rem,8.2vh,4rem);line-height:.94;margin:.25rem 0 .55rem;max-width:17ch}
  .hero .lede{font-size:clamp(.86rem,2.15vh,1rem);line-height:1.28;margin:0 0 .65rem;max-width:66ch}
  .hero .plays{margin:0 0 .55rem}
  .hero .freq{margin:.55rem 0 0}
}

.station{min-height:80svh;padding:6rem 4vw 6rem;border-top:1px solid var(--line)}
.has-reel .station{background:linear-gradient(180deg,rgba(5,7,12,.0),rgba(5,7,12,.05) 70%,rgba(5,7,12,.12))}
.station h2{font-family:Anton,sans-serif;font-size:clamp(2.4rem,6.4vw,5rem);line-height:1.04;margin:0 0 1.35rem}
.chapter{margin:3.2rem 0 1.2rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.chapter .kicker{margin:0 0 .45rem}
.chapter h2{font-size:clamp(2rem,4.4vw,3.2rem);margin:0 0 .55rem}
.chapter .lede{margin:0;max-width:40rem;font-size:1.05rem}
.doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin-top:1.6rem}
@media(min-width:900px){.doors{grid-template-columns:repeat(3,minmax(0,1fr))}}
.door{
  display:flex;flex-direction:column;justify-content:flex-start;
  min-height:0;overflow:hidden;border:1px solid rgba(250,245,236,.12);text-align:left;padding:0;
  background:rgba(8,10,14,.22);transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.door img{
  position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;
  opacity:.82;transform:none;transition:transform .45s ease, opacity .25s ease;
}
.door[href="radio.html"] img{object-position:50% 18%}
.door .shade{display:none}
.door i,.door b,.door span{position:static;display:block;padding:0 1rem}
.door i{font-family:"Space Mono",monospace;font-style:normal;font-size:.68rem;letter-spacing:.18em;opacity:.7;margin:0.85rem 0 .35rem;padding:0 1rem}
.door b{font-family:Anton,sans-serif;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:.04em;line-height:1.06;padding:0 1rem}
.door span{margin:.4rem 0 1.05rem;color:var(--dim);font-size:.92rem;max-width:34ch;line-height:1.4;padding:0 1rem}
.door:hover img,.door:focus-visible img,.door:hover .brain-thumb,.door:focus-visible .brain-thumb{transform:scale(1.06);opacity:.92}
.brain-thumb{transition:transform .45s ease}
.door:hover,.door:focus-visible{transform:translateY(-3px)}
.door[data-tone=coral]:hover{border-color:var(--coral);box-shadow:0 18px 40px rgba(255,84,51,.16)}
.door[data-tone=lime]:hover{border-color:var(--lime);box-shadow:0 18px 40px rgba(200,245,49,.14)}
.door[data-tone=aqua]:hover{border-color:var(--aqua);box-shadow:0 18px 40px rgba(53,224,242,.16)}
.door[data-tone=magenta]:hover{border-color:var(--magenta);box-shadow:0 18px 40px rgba(255,62,142,.16)}

.page{padding:7.4rem 4vw 5.5rem}
.page h1{font-size:clamp(3rem,8.5vw,6.6rem);line-height:1.06;margin:.55rem 0 1.5rem}
.mast{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;border-bottom:1px solid rgba(250,245,236,.16);padding-bottom:1.1rem;margin-bottom:2.2rem}
.stamp{font-family:"Space Mono",monospace;color:var(--lime);letter-spacing:.14em;font-size:.75rem}

.billboard{position:relative;min-height:calc(100svh - var(--top-h) - var(--dock-clear));display:grid;align-items:end;overflow:hidden;margin:0 0 1.4rem}
.billboard img,.billboard .film-el,.billboard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;opacity:.92}
.billboard .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,12,.5) 0%,rgba(5,7,12,.22) 48%,transparent 100%),linear-gradient(180deg,transparent 40%,rgba(5,7,12,.42) 100%)}
.billboard .copy{position:relative;z-index:2;padding:8rem 4vw 3.2rem;max-width:38rem}
.billboard .plate{
  background:rgba(5,7,12,.7);border:1px solid rgba(250,245,236,.16);
  padding:1.35rem 1.3rem 1.45rem;backdrop-filter:blur(10px);
  box-shadow:0 24px 60px rgba(0,0,0,.45);
}
.billboard .plate .lede{color:rgba(250,245,236,.88)}
.billboard h1{font-size:clamp(2.4rem,6.6vw,5.2rem);max-width:16ch;margin:.35rem 0 .7rem}
@media (min-width:769px) and (max-height:700px){
  .billboard{
    height:calc(100svh - var(--top-h) - var(--dock-clear));
    min-height:calc(100svh - var(--top-h) - var(--dock-clear));
    max-height:calc(100svh - var(--top-h) - var(--dock-clear));
    align-items:center;
  }
  .billboard .copy{align-self:center;padding:.8rem 4vw;max-width:min(38rem,54vw)}
  .billboard .plate{padding:.9rem 1rem 1rem}
  .billboard h1{font-size:clamp(2.7rem,8.2vh,3.8rem);line-height:.96;margin:.25rem 0 .5rem;max-width:17ch}
  .billboard .plate .lede{font-size:clamp(.9rem,2.2vh,1.05rem);line-height:1.35;margin:0}
}
.on-air{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:.75rem 4vw;border-bottom:1px solid var(--line);background:#080a10;
  font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);
}
.on-air b{color:var(--coral);font-weight:400}
.room-radio .nav a.on{color:var(--coral)}
.radio-deck{padding-top:.2rem}
/* --top-h is measured from the real sticky header by motion.js (bootStickyMetrics);
   the 6.4rem fallback matches the two-row header so the rail is never clipped. */
.genre-jump{
  display:flex;flex-wrap:wrap;gap:.45rem;padding:.7rem 4vw;position:sticky;top:var(--top-h,6.4rem);z-index:35;
  background:rgba(5,7,12,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(250,245,236,.08);
}
.genre-jump a{
  font-family:"Space Mono",monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid rgba(250,245,236,.28);padding:.5rem 1rem;min-height:44px;display:inline-flex;align-items:center;
  color:var(--cream);background:rgba(5,7,12,.55);border-radius:999px;font-weight:600;
  transition:border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}
.genre-jump a:hover,.genre-jump a:focus-visible{border-color:var(--lime);color:var(--lime);transform:translateY(-1px);background:rgba(200,245,49,.08)}
/* genre punch: each jump chip wears its own station accent (type + hairline only, no fills) */
.genre-jump a[data-edition]{
  color:var(--edition,var(--cream));
  border-color:color-mix(in srgb,var(--edition,var(--cream)) 52%,transparent);
  background:color-mix(in srgb,var(--edition,var(--cream)) 9%,rgba(5,7,12,.55));
}
.genre-jump a[data-edition]:hover,.genre-jump a[data-edition]:focus-visible{
  color:var(--edition,var(--lime));border-color:var(--edition,var(--lime));
  background:color-mix(in srgb,var(--edition,var(--lime)) 17%,rgba(5,7,12,.55));
}
.row{margin:2.6rem 0 3.4rem;scroll-margin-top:8.4rem}
/* radio anchors: html has scroll-padding-top:7.2rem, so subtract it to land the
   genre title just under the stuck header + genre rail instead of behind them */
.room-radio .row,.room-radio .rail-head{
  scroll-margin-top:calc(var(--top-h,6.4rem) + var(--jump-h,4.25rem) + 1.6rem - 7.2rem);
}
@media(max-width:768px){
  .room-radio .row,.room-radio .rail-head{
    scroll-margin-top:calc(var(--top-h,5.2rem) + var(--jump-h,6.2rem) + 2.4rem - 7.2rem);
  }
}
[data-edition="country"]{--edition:var(--ed-country)}
[data-edition="country-rap"]{--edition:var(--ed-country-rap)}
[data-edition="lofi"]{--edition:var(--ed-lofi)}
[data-edition="beats"]{--edition:var(--ed-beats)}
[data-edition="reggae"]{--edition:var(--ed-reggae)}
[data-edition="caliente"]{--edition:var(--ed-caliente)}
[data-edition="gypsy"]{--edition:var(--ed-gypsy)}
[data-edition="rock"]{--edition:var(--ed-rock)}
[data-edition="bollywood"]{--edition:var(--ed-bollywood)}
[data-edition="italian"]{--edition:var(--ed-italian)}
.row[data-edition]::before{
  content:"";display:block;width:4.6rem;height:3px;margin:0 0 .85rem;
  background:var(--edition,var(--lime));
  box-shadow:0 0 18px color-mix(in srgb,var(--edition,var(--lime)) 70%,transparent);
}
.row[data-edition="country"]{background:radial-gradient(ellipse at 0% 0%,rgba(224,160,74,.22),transparent 52%)}
.row[data-edition="country-rap"]{background:radial-gradient(ellipse at 0% 0%,rgba(255,84,51,.18),transparent 52%)}
.row[data-edition="lofi"]{background:radial-gradient(ellipse at 0% 0%,rgba(53,224,242,.2),transparent 52%)}
.row[data-edition="beats"]{background:radial-gradient(ellipse at 0% 0%,rgba(200,245,49,.16),transparent 52%)}
.row[data-edition="reggae"]{background:radial-gradient(ellipse at 0% 0%,rgba(240,193,74,.2),transparent 52%)}
.row[data-edition="caliente"]{background:radial-gradient(ellipse at 0% 0%,rgba(255,62,142,.2),transparent 52%)}
.row[data-edition="gypsy"]{background:radial-gradient(ellipse at 0% 0%,rgba(217,196,160,.2),transparent 52%)}
.row[data-edition="bollywood"]{background:radial-gradient(ellipse at 0% 0%,rgba(168,85,247,.2),transparent 52%)}
.row[data-edition="italian"]{background:radial-gradient(ellipse at 0% 0%,rgba(46,160,67,.2),transparent 52%)}
.row .genre{
  font-family:Anton,sans-serif;letter-spacing:.06em;font-size:clamp(2.1rem,6vw,4.2rem);
  color:var(--edition,var(--cream));margin:0 0 .15rem;line-height:.9;text-shadow:0 2px 18px rgba(0,0,0,.65);
}
.row .genre small{
  display:block;margin-top:.35rem;font-family:"Space Mono",monospace;font-size:.68rem;
  letter-spacing:.22em;color:var(--lime);font-weight:400;
}
.row h2{font-family:Anton,sans-serif;font-size:clamp(1.35rem,2.8vw,1.9rem);letter-spacing:.04em;margin:.35rem 0 .7rem;line-height:1.08;color:rgba(250,245,236,.88)}
.nf-sub{
  margin:0 0 1.55rem;padding-top:.35rem;
}
.nf-sub .kicker{
  color:var(--cream);font-size:.78rem;letter-spacing:.2em;margin:0 0 .55rem;
  text-shadow:0 1px 10px rgba(0,0,0,.7);
}
.row-note{color:var(--dim);margin:0 0 1.15rem;max-width:46rem;font-size:1.02rem;line-height:1.45}
.nf-label{
  font-family:"Space Mono",monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--cream);margin:1.15rem 0 .45rem;text-shadow:0 1px 10px rgba(0,0,0,.7);
}
.nf-label em{color:var(--lime);font-style:normal}
/* ---- rail headers: a stranger must tell an ALBUMS rail from a SINGLES rail in one glance ---- */
.rail-head{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .9rem;
  margin:1.9rem 0 .8rem;padding:0 0 .5rem;
  border-bottom:1px solid color-mix(in srgb,var(--edition,var(--cream)) 24%,transparent);
}
.rail-title{
  font-family:Anton,sans-serif;font-weight:400;line-height:1;margin:0;
  font-size:clamp(1.5rem,2vw,1.75rem);letter-spacing:.05em;text-transform:uppercase;
  color:var(--cream);text-shadow:0 2px 14px rgba(0,0,0,.7);
}
.rail-title .rail-name{color:var(--edition,var(--lime))}
.rail-sub{
  font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--mute);margin:0;white-space:nowrap;
}
@media(max-width:768px){
  .rail-head{gap:.15rem .6rem;margin:1.5rem 0 .7rem}
  .rail-sub{font-size:.66rem;letter-spacing:.16em}
  .room-radio .row,.room-radio .rail-head{
    scroll-margin-top:calc(var(--top-h,5.2rem) + var(--jump-h,6.8rem) + 2.4rem - 7.2rem);
  }
}
.scroller{
  display:flex;gap:1.15rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:.2rem 5.5vw 1.25rem;
  min-height:12.5rem;scrollbar-width:none;-ms-overflow-style:none;
}
.scroller::-webkit-scrollbar{display:none;width:0;height:0}
.poster{flex:0 0 168px;scroll-snap-align:start;position:relative}
.poster.lg{flex-basis:320px}
.poster.wide{flex-basis:min(280px,72vw)}
.poster.mix{flex:0 0 min(32rem,86vw);width:min(32rem,86vw)}
.poster img,.poster .ph{
  width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center;background:#12141a;
  display:block;
}
.room-radio .poster[data-series],
.room-radio .poster.mix{flex:0 0 min(32rem,86vw);width:min(32rem,86vw)}
.room-radio .poster[data-series] img,
.room-radio .poster[data-series] .ph,
.room-radio .poster.mix img{
  width:100%;height:auto;max-width:none;aspect-ratio:16/9;object-fit:cover;object-position:center;
}
.room-radio .poster:not([data-series]):not(.mix) img,
.room-radio .poster:not([data-series]):not(.mix) .ph{
  aspect-ratio:1/1;object-fit:cover;object-position:center;
}
.room-radio .poster a{overflow:hidden}
.nf-feat img[src^="assets/covers"]{object-fit:cover;object-position:center center}
.nf-tile img[src^="assets/covers/heroes"]{object-fit:cover;object-position:center center}
.poster img[data-fallback]{background:#12141a}
.poster.lg img{width:100%;height:auto;aspect-ratio:1/1}
.poster.wide img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}
.poster.mix img{width:100%;height:auto;max-width:none;aspect-ratio:16/9;object-fit:cover;object-position:center}
.poster .ph{display:grid;place-items:center;font-family:Anton,sans-serif;text-align:center;padding:.6rem}
.poster figcaption{margin-top:.55rem}
.poster figcaption .series{
  display:block;margin:0 0 .22rem;
  font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--mute);
}
.poster figcaption strong{display:block;font-family:Anton,sans-serif;font-size:1.12rem;letter-spacing:.03em;color:var(--cream)}
.poster figcaption em{display:block;margin-top:.18rem;font-style:normal;font-size:.82rem;color:var(--dim);max-width:28ch;line-height:1.35}
.poster figcaption .meta{
  display:block;margin-top:.32rem;
  font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--mute);
}
.poster a{
  display:block;position:relative;min-height:44px;
  padding:.4rem;background:color-mix(in srgb,var(--edition,transparent) 12%,#07090e);
  border:1px solid color-mix(in srgb,var(--edition,var(--cream)) 22%,transparent);
}
.poster a:hover img,.poster a:hover .ph,.poster a:focus-visible img{transform:translateY(-7px) scale(1.02)}
.poster a:focus-visible img{outline:1px solid var(--edition,var(--coral))}
.poster img,.poster .ph{transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.poster .go{
  position:absolute;inset:.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(5,7,12,.1) 20%,rgba(5,7,12,.62) 100%);color:var(--cream);opacity:0;transition:opacity .2s ease;
  font-family:Anton,sans-serif;font-size:2.2rem;letter-spacing:.04em;
}
.poster .go i{display:block;margin-top:.25rem;font-family:"Space Mono",monospace;font-style:normal;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
.poster a:hover .go,.poster a:focus-visible .go{opacity:1}
.chip{
  position:absolute;left:.55rem;top:.55rem;bottom:auto;z-index:2;
  background:rgba(5,7,12,.86);color:var(--cream);
  font-family:"Space Mono",monospace;font-size:.68rem;padding:.28rem .5rem;letter-spacing:.14em;
  border:1px solid rgba(250,245,236,.35);text-shadow:0 1px 6px #000;
}
.chip.spot{background:var(--lime);color:#101406;border-color:transparent;text-shadow:none}
.chip.hold{background:rgba(5,7,12,.86);color:var(--cream)}
.follow{
  display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 2rem;
}
.follow a{
  font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid rgba(200,245,49,.35);padding:.45rem .85rem;min-height:44px;display:inline-flex;align-items:center;color:var(--lime);
  border-radius:999px;transition:background .2s ease, color .2s ease, transform .2s ease;
}
.follow a:hover{background:var(--lime);color:#101406;transform:translateY(-1px)}
.desk{margin:0 0 1.6rem}
.desk h3{font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--aqua);margin:0 0 .55rem}
.desks{display:grid;gap:1.4rem;margin:0 0 2.6rem}
.desk h2{
  font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--lime);margin:0 0 .55rem
}
.desk .follow{margin:0}
.voice{display:grid;gap:0}
.voice .who{font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.16em;color:var(--aqua);text-transform:uppercase;margin:0 0 .35rem}
.ep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1.6rem 0 2.4rem}
@media(min-width:900px){.ep-grid{grid-template-columns:repeat(4,1fr)}}
.ep{position:relative;border:1px solid var(--line);background:var(--chassis);overflow:hidden}
.ep-art{position:relative}
.ep img{width:100%;height:188px;object-fit:cover;object-position:center;display:block}
.ep .chip{bottom:.55rem}
.ep figcaption{padding:.7rem .75rem .85rem}
.ep strong{display:block;font-family:Anton,sans-serif;font-size:1.15rem}
.ep em{display:block;margin-top:.2rem;font-style:normal;color:var(--dim);font-size:.82rem;line-height:1.35}

.host .play{margin-top:1rem}
.host{display:grid;gap:1.4rem;grid-template-columns:1fr;align-items:start;margin:3.2rem 0;max-width:72rem}
@media(min-width:800px){.host{grid-template-columns:minmax(220px,280px) minmax(0,38rem)}}
.host img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 12%;filter:none}
.ep-player{width:100%;max-width:42rem;margin-top:1rem;background:#000;border:1px solid var(--line)}
.host p{color:var(--dim);max-width:40rem}
.ai{font-family:"Space Mono",monospace;font-size:.7rem;color:var(--aqua);letter-spacing:.12em}

.cards{display:grid;gap:1.6rem}
@media(min-width:760px){.cards{grid-template-columns:repeat(2,1fr);gap:1.8rem}}
@media(min-width:1100px){.cards{grid-template-columns:repeat(4,1fr);gap:1.7rem}}
.card{border:1px solid rgba(250,245,236,.12);padding:1.2rem 1.15rem;background:rgba(8,10,14,.2)}
.card h3{font-family:Anton,sans-serif;margin:.2rem 0 .5rem;font-size:1.7rem}
.news-lead{font-size:clamp(2.1rem,5.4vw,3.8rem);font-family:Anton,sans-serif;line-height:.92;margin:0 0 1.5rem}
.web-grid{display:grid;gap:clamp(1.5rem,3vw,2.8rem)}
@media(min-width:760px){.web-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1180px){.world-grid{grid-template-columns:repeat(3,1fr)}}
.web-grid a,.web-card{display:block;border:1px solid rgba(250,245,236,.12);overflow:hidden;background:rgba(8,10,14,.2)}
.web-grid img{width:100%;height:280px;object-fit:cover;object-position:center;display:block;transition:transform .55s ease}
.card-plate{
  display:grid;place-items:center;margin:0;min-height:11rem;
  font-family:Anton,sans-serif;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(160deg,#243044,#0b0e14 72%);color:var(--cream);
}
.web-card .card-plate{height:280px;min-height:280px;font-size:2.2rem}
.wall-card .card-plate{height:220px;font-size:2rem;background:linear-gradient(160deg,#2a2218,#140804 72%)}
.ep-art .card-plate{height:188px;font-size:1.8rem}
.web-card:hover img{transform:scale(1.04)}
.web-grid span{display:block;padding:.8rem .9rem .15rem;font-family:Anton,sans-serif;font-size:1.6rem}
.web-card em{display:block;padding:0 .9rem 1.1rem;color:var(--dim);font-style:normal;font-size:.92rem}
.web-card:hover{border-color:var(--magenta)}
.web-card.plain{min-height:12rem;padding:1.2rem 1rem 1.1rem;background:rgba(8,10,14,.45)}
.web-card.plain span{padding-left:0}
.world-card{
  position:relative;aspect-ratio:3/2;min-height:0;border:0;border-radius:12px;
  color:#faf5ec;text-decoration:none;
}
.world-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .7s ease;
}
.world-card .shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.5) 58%,rgba(0,0,0,.88) 100%);
}
.world-card b,.world-card em{
  position:absolute;left:1rem;right:1rem;z-index:1;padding:0;margin:0;
}
.world-card b{
  bottom:2.35rem;font-family:Anton,sans-serif;font-size:clamp(1.55rem,2.6vw,2.15rem);
  letter-spacing:.03em;line-height:.95;font-weight:400;
}
.world-card em{
  bottom:.85rem;color:rgba(250,245,236,.78);font-size:.92rem;line-height:1.3;
}
.world-card:hover img{transform:scale(1.1)}
.about-sites{margin:0 0 3.2rem}
.about-sites .world-card em{display:none}
.about-sites .world-card b{bottom:1rem}

.paper .news-lead{max-width:16ch}
.paper .lead-story{margin:0 0 2.6rem}
.mag-hero{margin:0 0 2.4rem;border:1px solid rgba(200,245,49,.25);overflow:hidden;background:#080a10}
.mag-hero img{width:100%;height:min(52vw,420px);object-fit:cover;display:block;filter:saturate(1.05) contrast(1.06)}
.mag-hero figcaption{padding:.7rem 1rem .85rem;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.16em;color:var(--lime)}
.room-intel .card{min-height:16rem;padding:0 0 1.15rem;overflow:hidden}
.room-intel .story-card{position:relative;cursor:pointer}
.room-intel .story-card:focus-visible{outline:2px solid #dbff62;outline-offset:3px}
.lesson-stage .story-still{display:block;width:100%;max-height:18rem;object-fit:cover;margin:0 0 1.1rem;border-radius:4px}
.lesson-stage .how-chip{display:inline-flex;margin:.4rem .6rem 0 0}
.room-tricks.has-cinema{background:#05070c}
.room-tricks .page-film{opacity:.28}
.room-tricks .page-film .film-el{opacity:.55;filter:saturate(1.05) contrast(1.08)}
.intel-face{
  display:block;position:relative;height:220px;margin:0 0 .15rem;overflow:hidden;
  background:#140804;color:transparent;
}
.intel-face img{
  width:100%;height:100%;object-fit:cover;object-position:center 18%;
  display:block;animation:faceDrift 14s ease-in-out infinite alternate;
  filter:saturate(1.12) contrast(1.08);
}
.intel-face::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 42%,rgba(20,8,4,.55));
  pointer-events:none;
}
@keyframes faceDrift{
  from{transform:scale(1.06) translate3d(0,0,0)}
  to{transform:scale(1.16) translate3d(0,-3%,0)}
}
@media (min-width:900px){.intel-face{height:260px}}
@media (prefers-reduced-motion:reduce){.intel-face img{animation:none}}
.intel-film{
  display:block;position:relative;margin:0 0 .15rem;background:#05070c;
  overflow:hidden;color:#faf5ec;text-decoration:none;
}
.intel-film video{
  width:100%;height:auto;object-fit:contain;display:block;background:#05070c;
  pointer-events:none;
}
.lead-story .intel-film video{height:auto}
.intel-film-go{
  position:absolute;left:.7rem;bottom:.7rem;z-index:1;
  font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;padding:.35rem .55rem;background:rgba(7,9,15,.72);
  border:1px solid rgba(219,255,98,.45);color:#dbff62;pointer-events:none;
}
.intel-film:hover video,.intel-film:focus-visible video{transform:scale(1.03);transition:transform .45s ease}
.intel-film:focus-visible{outline:2px solid #dbff62;outline-offset:2px}
@media (min-width:900px){
  .intel-film video{height:auto}
  .lead-story .intel-film video{height:auto}
}
@media (prefers-reduced-motion:reduce){
  .intel-film:hover video,.intel-film:focus-visible video{transform:none}
}
.mag-pic{width:100%;height:180px;object-fit:cover;object-position:center;display:block;margin:0 0 .85rem}
.lead-story .mag-pic{height:min(48vw,380px);margin:0 0 1.1rem;filter:grayscale(.15) contrast(1.08)}
.expand{margin:.85rem 0 0}
.expand summary{
  cursor:pointer;list-style:none;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:#8a1f12;min-height:44px;display:inline-flex;align-items:center;
  border-bottom:1px solid #c9b896;
}
.expand[open] summary::after{content:"  ·  Close";margin-left:.4rem}
.expand summary::-webkit-details-marker{display:none}
.expand[open] summary{margin-bottom:.8rem}
.expand p{margin:0 0 .85rem;font-size:1.08rem;line-height:1.62;color:#3f382e;max-width:46rem}
.who-follow{margin:2.4rem 0 1.2rem;padding:1rem 0 0;border-top:2px solid #140804}
.day-head{
  font-family:Anton,sans-serif;font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:.06em;
  margin:2rem 0 .8rem;color:#dbff62;
}
.timebox{
  --paper:#0b0e16;
  background:
    radial-gradient(ellipse at 12% 0%,rgba(219,255,98,.16),transparent 36%),
    radial-gradient(ellipse at 88% 8%,rgba(255,62,142,.18),transparent 32%),
    radial-gradient(ellipse at 50% 100%,rgba(53,224,242,.12),transparent 40%),
    #07090f !important;
  color:#faf5ec;
}
.timebox .page{background:transparent !important;color:#faf5ec}
.timebox .slam,.timebox h1,.timebox h2,.timebox h3{color:#faf5ec}
.timebox .lede,.timebox .row-note,.timebox .fineprint{color:rgba(250,245,236,.72)}
.timebox .kicker{color:#dbff62}
.timebox .stamp,.timebox .folio{color:#edb847;border-color:rgba(219,255,98,.35)}
.timebox .card{background:rgba(8,10,16,.55);border-color:rgba(219,255,98,.22);color:#faf5ec}
.timebox .src{color:#dbff62}
.timebox .expand summary{color:#ff3e8e;border-color:rgba(255,62,142,.4)}
.timebox .who-follow{border-top-color:#dbff62}
.timebox .who-follow summary{color:#faf5ec}
.timebox .follow a{color:#dbff62;border-color:rgba(219,255,98,.35)}
.timebox .follow a:hover{background:#dbff62;color:#111700}
.timebox .top{
  background:linear-gradient(180deg,rgba(7,9,15,.94),rgba(7,9,15,.55)) !important;
}
.timebox .nav a{color:rgba(250,245,236,.72)}
.timebox .nav a.on{background:#dbff62;color:#111700}
.timebox .brand{color:#faf5ec}
.timebox .brand span{color:#dbff62}
.timebox .lang{color:#faf5ec}
.timebox .clock{color:#edb847}
.who-follow summary{
  cursor:pointer;font-family:Anton,sans-serif;font-size:1.6rem;letter-spacing:.04em;color:#140804;
  min-height:48px;
}
.wall-feed-lede{max-width:68ch;margin:.75rem 0 1.6rem;color:var(--dim);font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.55}
.wall-feed{display:grid;gap:1.2rem;align-items:start}
@media(min-width:800px){.wall-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wall-card{
  display:flex;flex-direction:column;align-self:start;border:1px solid rgba(237,184,71,.62);background:#fffaf1;overflow:hidden;color:#140804;
  box-shadow:0 0 0 1px rgba(237,184,71,.22),0 0 22px rgba(255,84,51,.2),0 12px 28px rgba(0,0,0,.28);
  border-radius:6px;
}
.wall-card:hover,.wall-card:focus-visible{
  border-color:#dbff62;
  box-shadow:0 0 0 1px rgba(219,255,98,.45),0 0 28px rgba(219,255,98,.22),0 12px 28px rgba(0,0,0,.28);
}
.wall-card-media{display:grid;place-items:center;width:100%;overflow:hidden;background:#05070c}
.wall-card-media--landscape{aspect-ratio:16/9}
.wall-card-media--wide{aspect-ratio:1200/541}
.wall-card-media--portrait{aspect-ratio:3/4;width:min(100%,30rem);margin-inline:auto}
.wall-card-media img,.wall-card-media video{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#05070c}
.wall-card-destination{display:block;padding:.9rem 1rem 0;font-family:"Space Mono",monospace;font-size:.62rem;letter-spacing:.14em;color:#8a4d18;text-transform:uppercase}
.wall-card b{display:block;font-family:Anton,sans-serif;font-size:1.7rem;padding:.85rem 1rem .2rem}
.wall-card em{display:block;font-style:normal;color:#3f382e;padding:0 1rem 1.1rem;line-height:1.5}
.life{margin:2.4rem 0 0}
.life-rail{display:grid;gap:.8rem}
@media(min-width:800px){.life-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
.life-rail video,.life-rail img{width:100%;height:280px;object-fit:cover;display:block;background:#05070c}
.life-rail figcaption{padding:.55rem .2rem 0;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.room-intel .card .who,.room-intel .card h3,.room-intel .card p,.room-intel .card .src,.room-intel .card .byline,.room-intel .card .card-hit{padding-left:1.15rem;padding-right:1.15rem}
.card-hit{display:block;color:inherit;text-decoration:none}
.card-hit:hover h2,.card-hit:hover h3{text-decoration:underline}
.room-intel .card{position:relative}
.room-intel .card-hit{position:absolute;inset:0;z-index:1}
.room-intel .card .src{position:relative;z-index:2}
.room-intel .card details{position:relative;z-index:2;pointer-events:none}
.room-intel .card details summary{pointer-events:auto}
.room-intel .card .byline{padding-top:.9rem}
.room-intel .card .who{padding-top:.15rem}
.room-intel .card h3,.room-intel .news-lead{line-height:1.06}
.ep figcaption{min-height:7.5rem}
.ep figcaption em{max-width:36ch}
.news-grid{grid-template-columns:1fr;gap:2.6rem}
@media(min-width:900px){.news-grid{grid-template-columns:repeat(2,1fr);gap:2.8rem}}
.room-intel .card{
  border-radius:.2rem;
  box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.room-radio{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,122,36,.14),transparent 38%),
    radial-gradient(ellipse at 80% 18%,rgba(160,40,220,.08),transparent 42%),
    var(--void);
}
.room-intel{
  background:
    radial-gradient(ellipse at 12% 0%,rgba(200,245,49,.08),transparent 40%),
    var(--void);
}
.room-tricks{
  background:
    radial-gradient(ellipse at 0% 0%,rgba(255,62,142,.22),transparent 36%),
    radial-gradient(ellipse at 100% 8%,rgba(200,245,49,.16),transparent 32%),
    radial-gradient(ellipse at 50% 40%,rgba(53,224,242,.1),transparent 40%),
    #07040c;
}
.radio-show,.radio-stage{
  position:relative;margin:0;width:100%;background:#05070c;overflow:hidden;
  aspect-ratio:16/9;
}
.radio-show video,.radio-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#05070c}
.radio-show .show-live,.radio-stage .show-live{
  position:absolute;left:4vw;top:.85rem;z-index:2;
  font-family:"Space Mono",monospace;letter-spacing:.2em;font-size:.68rem;
  color:#111700;background:var(--lime);padding:.28rem .55rem;
}
.radio-stage .show-live{top:auto;bottom:.85rem}
.radio-stage{
  margin:0 0 1.1rem;
  border-top:1px solid rgba(250,245,236,.08);
  border-bottom:1px solid rgba(250,245,236,.08);
  max-height:calc(100svh - var(--top-h) - var(--dock-clear));
}
.room-radio .nf-feat .copy,.room-radio .nf-feat .shade{display:none}
.room-radio .chip{display:none}
.room-radio .row{
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  padding-left:4vw;padding-right:4vw;box-sizing:border-box;
}
.host video,.host img{max-width:100%;height:auto;object-fit:contain;background:#000}
.nf-hero{position:relative;margin:0;padding-top:.35rem}
.paper-peek{
  margin:0;padding:1.15rem 4vw 1.45rem;
  border-bottom:1px solid rgba(250,245,236,.12);
  background:
    linear-gradient(180deg,rgba(5,7,12,.42),rgba(5,7,12,.78)),
    url("assets/film/glammbox-orange.jpg") center 40%/cover;
}
.peek-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 .85rem}
.peek-head .kicker{margin:0;color:var(--lime)}
.peek-rail{display:grid;gap:.7rem}
@media(min-width:860px){.peek-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
.peek-card{
  display:flex;flex-direction:column;min-height:12rem;overflow:hidden;
  border:1px solid rgba(250,245,236,.16);background:rgba(5,7,12,.45);
}
.peek-card img{width:100%;height:7.4rem;object-fit:cover}
.peek-card span{
  font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.16em;
  color:var(--lime);padding:.55rem .75rem 0;
}
.peek-card b{
  font-family:Anton,sans-serif;font-weight:400;font-size:1.15rem;letter-spacing:.03em;
  line-height:1.15;padding:.25rem .75rem .8rem;
}
.peek-card:hover{border-color:rgba(250,245,236,.4)}
.nf-track{
  display:flex;gap:.9rem;overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;
  padding:0 5.5vw 1.35rem;scrollbar-width:none;-ms-overflow-style:none;
}
.nf-track::-webkit-scrollbar{display:none;width:0;height:0}
.room-radio .nf-hero .nf-track,
.room-radio .radio-deck .scroller{
  overflow-x:hidden;overflow-y:hidden;touch-action:pan-y;overscroll-behavior:none;
}
.rail-wrap{position:relative;display:block;overflow:hidden}
.rail-wrap.has-overflow:not(.at-end)::after,
.rail-wrap.has-overflow:not(.at-start)::before{
  content:"";position:absolute;top:0;bottom:1.2rem;width:3.1rem;pointer-events:none;z-index:2;
}
.rail-wrap.has-overflow:not(.at-end)::after{
  right:0;background:linear-gradient(90deg,transparent,rgba(5,7,12,.92));
}
.rail-wrap.has-overflow:not(.at-start)::before{
  left:0;background:linear-gradient(270deg,transparent,rgba(5,7,12,.92));
}
.rail-arrow{
  position:absolute;top:42%;transform:translateY(-50%);z-index:4;
  width:2.55rem;height:2.55rem;padding:0;display:grid;place-items:center;
  border:1px solid rgba(250,245,236,.32);border-radius:50%;
  background:rgba(8,10,16,.72);color:var(--cream);
  cursor:pointer;backdrop-filter:blur(12px) saturate(1.2);
  box-shadow:0 10px 24px rgba(0,0,0,.38);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.rail-arrow span{
  width:.52rem;height:.52rem;border-style:solid;border-color:var(--cream);
  border-width:2px 2px 0 0;display:block;
}
.rail-arrow-prev{left:.55rem}
.rail-arrow-prev span{transform:rotate(-135deg) translate(-1px,1px)}
.rail-arrow-next{right:.55rem}
.rail-arrow-next span{transform:rotate(45deg) translate(-1px,1px)}
.rail-arrow[hidden]{display:none}
.rail-arrow:hover,.rail-arrow:focus-visible{
  border-color:rgba(250,245,236,.6);background:rgba(8,10,16,.92);
}
.rail-arrow:hover{transform:translateY(-50%) scale(1.04)}
@media(max-width:768px){
  .rail-arrow{width:2.3rem;height:2.3rem}
}
.nf-feat{
  position:relative;flex:0 0 min(52vw,34rem);scroll-snap-align:start;
  aspect-ratio:16/9;min-height:0;height:auto;overflow:hidden;
  border:1px solid rgba(250,245,236,.14);
  color:inherit;text-decoration:none;background:#07090e;
}
.nf-feat.sq{flex:0 0 min(52vw,34rem);aspect-ratio:16/9}
.nf-feat video,.nf-feat img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block;
  background:#07090e;
  transition:opacity .45s ease;
}
.nf-feat iframe.nf-preview-frame{
  position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:0;
}
.nf-feat.is-preview > img{opacity:0;transition:opacity .6s ease}
.nf-feat .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(7,9,14,.9));z-index:1;pointer-events:none}
.nf-feat .copy{position:absolute;left:1rem;right:1rem;bottom:1rem;z-index:2}
.nf-row{margin:0 0 1.4rem}
.nf-row .kicker{padding:0 4vw}
.stations-pick{margin:1.2rem 0 2rem}
.stations-pick .kicker{font-size:.82rem;letter-spacing:.2em}
.stations-pick .nf-track{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:visible;scroll-snap-type:none;gap:1rem;
  padding:0 5.5vw 1.5rem;
}
.stations-pick .nf-tile{flex:none;width:auto;min-width:0}
@media(max-width:900px){
  .stations-pick .nf-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
  /* The sticky PLAY dock (position:fixed, height tracked live in
     --dock-clear) sat directly over the grid's last row on phone — the
     station-grid nav only had its normal 2rem bottom margin, well short of
     the dock's real height. Give it dock-height clearance so the bottom
     row can scroll fully clear (round-2 bugfix, 2026-09-18). */
  .stations-pick{padding-bottom:var(--dock-clear,4.75rem)}
}
.nf-row .nf-track{padding-top:.45rem}
.nf-tile{
  position:relative;flex:0 0 min(52vw,20rem);scroll-snap-align:start;
  overflow:hidden;border:1px solid rgba(250,245,236,.12);
  color:inherit;text-decoration:none;background:#0b0e14;
}
.nf-tile img,.nf-tile video{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;display:block}
/* Station grid forces 9:16 Shorts into a 16:9 window (cover-crops ~68% of
   frame height). Default center crop cuts heads/faces on portrait clips —
   measured per clip with OpenCV face detection on the preview mp4s
   (2026-09-18, round-2 bugfix). Keep the subject's face inside the visible
   band; scenic/no-person loops (rnb, lofi, beats, rock, country-rap) are
   left centered since there is no face to protect. */
.nf-tile[data-edition="country"] img,.nf-tile[data-edition="country"] video{object-position:center 5%}
.nf-tile[data-edition="caliente"] img,.nf-tile[data-edition="caliente"] video{object-position:center 18%}
.nf-tile[data-edition="gypsy"] img,.nf-tile[data-edition="gypsy"] video{object-position:center 13%}
.nf-tile[data-edition="reggae"] img,.nf-tile[data-edition="reggae"] video{object-position:center 21%}
.nf-tile[data-edition="italian"] img,.nf-tile[data-edition="italian"] video{object-position:center 15%}
.nf-tile[data-edition="bollywood"] img,.nf-tile[data-edition="bollywood"] video{object-position:center 60%}
.nf-tile b{display:block;padding:.45rem .6rem .55rem;font-family:Anton,sans-serif;letter-spacing:.04em}
.nf-tile.session b{padding:.5rem .65rem .12rem}
.nf-tile.session em{
  display:block;padding:0 .65rem .2rem;font-style:normal;font-size:.84rem;color:var(--dim);
  line-height:1.3;max-width:28ch;
}
.nf-tile.session{
  background:#0b0e14;
  border-color:rgba(250,245,236,.12);
  box-shadow:0 16px 34px rgba(0,0,0,.42);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .28s ease;
}
.stations-pick .nf-tile.session[data-edition]{
  border-color:color-mix(in srgb,var(--edition) 58%,rgba(250,245,236,.16));
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--edition) 34%,transparent),
    0 16px 34px color-mix(in srgb,var(--edition) 26%,#000 60%),
    0 0 44px color-mix(in srgb,var(--edition) 40%,transparent);
}
.stations-pick .nf-tile.session[data-edition] b{
  border-color:color-mix(in srgb,var(--edition) 52%,rgba(250,245,236,.28));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 22px color-mix(in srgb,var(--edition) 42%,transparent);
}
.nf-tile.session video,.nf-tile.session img{filter:saturate(1.28) contrast(1.08)}
.nf-tile.session b{
  position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);z-index:2;
  padding:.55rem 1.05rem .6rem;margin:0;max-width:88%;text-align:center;
  font-size:clamp(1.55rem,2.6vw,2.15rem);line-height:.95;
  background:rgba(10,12,20,.32);border:1px solid rgba(250,245,236,.34);border-radius:14px;
  backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 28px rgba(0,0,0,.42);
  color:#faf5ec;text-shadow:0 2px 14px color-mix(in srgb,var(--edition,#000) 55%,#000);
}
.nf-tile.session em{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:.55rem .7rem .7rem;max-width:none;
  background:linear-gradient(180deg,transparent,rgba(5,7,12,.82));
  color:rgba(250,245,236,.9);
}
.nf-tile.session i{display:none!important}
.nf-tile.session:hover,.nf-tile.session:focus-visible{
  transform:translateY(-6px);
  border-color:rgba(250,245,236,.4);
  box-shadow:0 22px 44px rgba(0,0,0,.5);
}
.stations-pick .nf-tile.session[data-edition]:hover,
.stations-pick .nf-tile.session[data-edition]:focus-visible{
  border-color:color-mix(in srgb,var(--edition) 82%,var(--cream));
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--edition) 58%,transparent),
    0 22px 44px color-mix(in srgb,var(--edition) 34%,#000 48%),
    0 0 62px color-mix(in srgb,var(--edition) 52%,transparent);
}
.room-tricks .nav a.on{background:#c8f531;color:#111700}
.room-tricks .kicker{color:#c8f531}
.room-tricks .stamp{color:#ff3e8e}
a.tap-card,article.tap-card{
  display:block;color:inherit;text-decoration:none;cursor:pointer;
}
a.tap-card:hover,article.tap-card:hover{border-color:rgba(200,245,49,.55)}
.hype-rail{display:grid;gap:.85rem;margin:0 0 2.2rem}
@media(min-width:860px){.hype-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hype-card{
  position:relative;min-height:22rem;overflow:hidden;border:1px solid rgba(250,245,236,.16);
  background:#08060f;
}
.hype-card video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
}
.hype-card .shade{
  position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(7,4,12,.88));
}
.hype-card .copy{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.05rem 1.1rem;z-index:1}
.hype-card h2{font-family:Anton,sans-serif;font-size:1.7rem;margin:.1rem 0 .25rem;letter-spacing:.03em}
.hype-card p{margin:0;color:rgba(250,245,236,.72);font-size:.95rem}
.room-funny{
  background:
    radial-gradient(ellipse at 20% 8%,rgba(255,62,142,.1),transparent 40%),
    var(--void);
}
.room-websites{
  background:
    radial-gradient(ellipse at 70% 0%,rgba(255,62,142,.08),transparent 42%),
    var(--void);
}
.room-cartoons{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,84,51,.1),transparent 42%),
    var(--void);
}
.room-about{
  background:
    radial-gradient(ellipse at 10% 0%,rgba(53,224,242,.08),transparent 40%),
    var(--void);
}
.room-brain{
  background:
    radial-gradient(ellipse at 78% 0%,rgba(53,224,242,.06),transparent 36%),
    radial-gradient(ellipse at 8% 70%,rgba(255,62,142,.05),transparent 34%),
    var(--void);
}
.room-brain .stamp{color:var(--aqua)}
.room-brain .page-brain-show{padding-left:0;padding-right:0;padding-top:0}
.room-brain .page-brain-show > .plays,
.room-brain .page-brain-show > .fineprint,
.room-brain .page-brain-show > .graph-chapter,
.room-brain .page-brain-show > .graph-stage{padding-left:4vw;padding-right:4vw}
.plate-sec{
  position:relative;isolation:isolate;overflow:hidden;
  margin:0;padding:4.4rem 4vw 3.4rem;
  border-bottom:1px solid rgba(250,245,236,.08);
}
.plate-sec .plate{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  filter:saturate(1.08) contrast(1.04);
}
.plate-sec .veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,7,12,.28) 0%,rgba(5,7,12,.62) 42%,rgba(5,7,12,.88) 100%),
    radial-gradient(ellipse at 20% 0%,rgba(53,224,242,.12),transparent 42%);
}
.plate-open{padding-top:7.6rem}
.plate-sec > *:not(.plate):not(.veil){position:relative;z-index:2}
.plate-sec .mast{border-bottom-color:rgba(250,245,236,.22)}
.plate-sec .chapter{border-top-color:rgba(250,245,236,.16)}
.plate-sec .lede,.plate-sec .essay p,.plate-sec .essay-line,.plate-sec .spine{
  text-shadow:0 2px 18px rgba(5,7,12,.72);
}
.essay-line{max-width:46rem;margin:0 0 1.6rem;color:var(--dim);line-height:1.62;font-size:1.08rem}
.kind-board{
  display:grid;gap:1.1rem;margin:1.6rem 0 1.4rem;
}
@media(min-width:860px){.kind-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kind-card{
  position:relative;min-height:22rem;overflow:hidden;
  border:1px solid rgba(250,245,236,.16);
  background:#0b0e14;
}
.kind-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
.kind-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(5,7,12,.12) 0%,rgba(5,7,12,.55) 46%,rgba(5,7,12,.92) 100%);
}
.kind-map{
  position:absolute;right:.7rem;top:.7rem;z-index:2;width:7.2rem;height:3.4rem;
  opacity:.85;pointer-events:none;
}
.kind-map circle{fill:#c8f531;stroke:none}
.kind-map rect{fill:#c8f531;stroke:none}
.kind-map rect[fill="none"]{fill:none}
.kind-map path{stroke:#c8f531;stroke-width:1.2;fill:none}
.kind-copy{
  position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:22rem;padding:1.15rem 1.15rem 1.25rem;
}
.kind-copy i{
  display:block;font-family:"Space Mono",monospace;font-style:normal;font-size:.68rem;
  letter-spacing:.16em;color:var(--lime);margin:0 0 .35rem;
}
.kind-copy b{
  display:block;font-family:Anton,sans-serif;font-weight:400;font-size:1.45rem;
  letter-spacing:.04em;color:var(--cream);margin:0 0 .4rem;
}
.kind-copy p{margin:0;color:var(--dim);line-height:1.55;font-size:1.02rem}
.job-board{
  display:grid;gap:1rem;margin:1.5rem 0 1.4rem;
}
@media(min-width:860px){.job-board{grid-template-columns:repeat(3,minmax(0,1fr))}}
.job{
  margin:0;padding:1.1rem 1.1rem 1.2rem;min-height:14rem;
  border:1px solid rgba(250,245,236,.16);
  background:
    linear-gradient(180deg,rgba(8,10,16,.18),rgba(8,10,16,.62)),
    radial-gradient(ellipse at 0% 0%,rgba(237,184,71,.16),transparent 56%);
}
.job i{
  display:block;font-family:"Space Mono",monospace;font-style:normal;font-size:.68rem;
  letter-spacing:.16em;color:#edb847;margin:0 0 .4rem;
}
.job b{
  display:block;font-family:Anton,sans-serif;font-size:1.55rem;letter-spacing:.04em;
  margin:0 0 .45rem;
}
.job p{margin:0;color:var(--dim);line-height:1.5;font-size:1rem}
.loi-board{display:grid;gap:1.6rem;margin:1.4rem 0 1.2rem}
.loi-ex{margin:0}
.loi-ex h3{font-family:Anton,sans-serif;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:.04em;margin:.85rem 0 .45rem}
.loi-ex p{margin:0;max-width:46rem;color:var(--dim);line-height:1.58;font-size:1.05rem}
.loi-pair{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.loi-pair figure{margin:0;position:relative;overflow:hidden;min-height:10rem;background:#111}
.loi-pair img{width:100%;height:100%;min-height:10rem;object-fit:cover}
.loi-pair figcaption{
  position:absolute;left:.55rem;bottom:.45rem;
  font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.16em;
  padding:.2rem .45rem;background:rgba(5,7,12,.78);
}
.loi-pair figure:first-child figcaption{color:#ff8a70}
.loi-pair figure:last-child figcaption{color:var(--lime)}
.graph-chapter{
  margin:0;padding:2.4rem 4vw 0;
  background:
    radial-gradient(ellipse at 70% 0%,rgba(48,72,108,.38),transparent 56%),
    linear-gradient(180deg,#10161f,#0d121b);
}
.graph-chapter .chapter{margin-top:0;border-top:0;padding-top:0}
.kind-grid{
  display:grid;gap:0;margin:1.5rem 0 1.8rem;max-width:52rem;
}
@media(min-width:860px){
  .kind-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.2rem}
}
.kind{
  margin:0;padding:0 0 1.25rem;border:0;border-bottom:1px solid var(--line);background:transparent;
}
.kind i{
  display:block;font-family:"Space Mono",monospace;font-style:normal;font-size:.68rem;
  letter-spacing:.16em;color:var(--aqua);margin:1.05rem 0 .35rem;
}
.kind b{
  display:block;font-family:Anton,sans-serif;font-weight:400;font-size:1.45rem;
  letter-spacing:.04em;color:var(--cream);margin:0 0 .35rem;
}
.kind p{margin:0;color:var(--dim);line-height:1.55;font-size:1.02rem}
.room-models{
  background:
    radial-gradient(ellipse at 0% 0%,rgba(196,181,253,.16),transparent 34%),
    radial-gradient(ellipse at 100% 20%,rgba(237,184,71,.12),transparent 32%),
    #08060f;
}
.room-models .kicker{color:#c4b5fd}
.room-models .stamp{color:#edb847}
.room-models .nav a.on{background:#c4b5fd;color:#14081c}
.mind-grid{display:grid;gap:2.2rem;margin:2rem 0 3rem}
@media(min-width:860px){.mind-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem}}
.mind{
  margin:0;padding:0 0 1.5rem;border:1px solid rgba(250,245,236,.14);
  background:rgba(8,10,16,.52);overflow:hidden;min-height:22rem;border-radius:4px;
}
.mind h2{font-family:Anton,sans-serif;font-size:clamp(2rem,4vw,2.8rem);margin:.15rem 1.1rem .25rem;letter-spacing:.04em}
.mind .kicker,.mind .mind-names,.mind p,.mind .now{padding-left:1.1rem;padding-right:1.1rem}
.mind-names{font-family:"Space Mono",monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(250,245,236,.62);margin:0 0 .7rem}
.mind .now{font-size:.92rem}
.mind-plate{
  aspect-ratio:16/9;width:100%;height:auto;min-height:168px;display:grid;place-items:center;margin:0 0 1.15rem;
}
.mind-logo{width:42%;max-width:148px;height:auto;display:block;object-fit:contain}
.mind-plate img.mind-logo{
  width:42%;max-width:148px;height:auto;max-height:88px;padding:0;box-sizing:border-box;
  background:transparent;border-radius:0;box-shadow:none;filter:brightness(0) invert(1);
}
.mind-gemini .mind-plate img.mind-logo,
.mind-msft .mind-plate img.mind-logo,
.mind-nvidia .mind-plate img.mind-logo{filter:none}
.mind-grok .mind-logo{width:56%;max-width:180px;filter:none}
.mind-chips{display:flex;gap:.4rem;list-style:none;margin:.2rem 1.1rem .85rem;padding:0}
.mind-chips li{width:1.4rem;height:1.4rem;border-radius:50%;border:1px solid rgba(250,245,236,.2)}
/* One tile treatment for all twelve labs: the same dark plate, a brand-tinted
   glow behind the logo. No lab floods the grid with its own brand colour. */
.mind .mind-plate{
  background:
    radial-gradient(circle at 50% 42%,var(--mind-tint,rgba(250,245,236,.12)),transparent 48%),
    #0b0e14;
}
.mind-claude{border-color:rgba(217,119,87,.45);--mind-tint:rgba(217,119,87,.26)}
.mind-claude .mind-plate img.mind-logo{
  filter:none;width:34%;max-width:118px;max-height:118px;
}
.mind-claude .kicker,.mind-claude .now{color:#e8a48a}
.mind-sol{border-color:rgba(16,163,127,.45);--mind-tint:rgba(16,163,127,.26)}
.mind-sol .kicker,.mind-sol .now{color:#5ee0b5}
.mind-grok{border-color:rgba(250,245,236,.22);--mind-tint:rgba(250,245,236,.14)}
.mind-grok .kicker,.mind-grok .now{color:#e7e9ea}
.mind-gemini{border-color:rgba(66,133,244,.4);--mind-tint:rgba(66,133,244,.26)}
.mind-gemini .kicker,.mind-gemini .now{color:#8ab4f8}
.mind-qwen{border-color:rgba(109,40,217,.5);--mind-tint:rgba(139,92,246,.30)}
.mind-qwen .kicker,.mind-qwen .now{color:#c4b5fd}
.mind-kimi{border-color:rgba(250,245,236,.22);--mind-tint:rgba(250,245,236,.12)}
.mind-kimi .kicker,.mind-kimi .now{color:#f5f5f5}
.mind-meta{border-color:rgba(0,129,251,.5);--mind-tint:rgba(6,104,225,.28)}
.mind-meta .kicker,.mind-meta .now{color:#8ec8ff}
.mind-nvidia{border-color:rgba(118,185,0,.5);--mind-tint:rgba(118,185,0,.24)}
.mind-nvidia .kicker,.mind-nvidia .now{color:#b6e85a}
.mind-deepseek{border-color:rgba(77,107,254,.5);--mind-tint:rgba(77,107,254,.28)}
.mind-deepseek .kicker,.mind-deepseek .now{color:#9db4ff}
.mind-minimax{border-color:rgba(255,92,53,.5);--mind-tint:rgba(255,92,53,.24)}
.mind-minimax .kicker,.mind-minimax .now{color:#ffb199}
.mind-glm{border-color:rgba(91,80,255,.5);--mind-tint:rgba(91,80,255,.28)}
.mind-glm .kicker,.mind-glm .now{color:#c4bfff}
.mind-spark{border-color:rgba(0,129,251,.5);--mind-tint:rgba(6,104,225,.28)}
.mind-spark .kicker,.mind-spark .now{color:#8ec8ff}
.mind-msft{border-color:rgba(0,164,239,.45);--mind-tint:rgba(0,164,239,.24)}
.mind-msft .kicker,.mind-msft .now{color:#7ec8f0}
.mind-band{
  display:block;font-family:"Space Mono",monospace;font-style:normal;font-size:.68rem;
  letter-spacing:.16em;color:#edb847;margin:2.2rem 0 .55rem;
}
.pair-note{color:var(--dim);margin:0 0 1rem;max-width:46rem;font-size:1.02rem;line-height:1.5}
.pair-cta{display:inline-flex;margin:0 0 1.2rem}
.duel-head{
  display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;align-items:end;
  margin:0 0 1.4rem;
}
.duel-head a{color:inherit;text-decoration:none}
.duel-head a:last-of-type{text-align:right}
.duel-head h2{font-family:Anton,sans-serif;font-size:clamp(2rem,4vw,3rem);margin:.15rem 0 0;letter-spacing:.04em}
.duel-head .vs{
  font-family:Anton,sans-serif;font-size:1.4rem;color:#edb847;padding-bottom:.35rem;
}
.duel{list-style:none;margin:0 0 2rem;padding:0;max-width:54rem}
.duel li{
  display:grid;grid-template-columns:1fr 7.5rem 1fr;gap:.7rem;align-items:start;
  padding:1rem 0;border-top:1px solid rgba(250,245,236,.12);
}
.duel i{
  display:block;font-family:"Space Mono",monospace;font-style:normal;font-size:.68rem;
  letter-spacing:.14em;text-transform:uppercase;color:#edb847;text-align:center;padding-top:.2rem;
}
.duel p{margin:0;color:var(--dim);line-height:1.5;font-size:1.02rem}
.duel .l{color:var(--cream)}
.duel .r{color:var(--cream);text-align:right}
@media(max-width:700px){
  .duel li{grid-template-columns:1fr;gap:.35rem}
  .duel i{text-align:left}
  .duel .r{text-align:left}
}
a.mind,.mind{display:block;color:inherit;text-decoration:none}
a.mind:hover,.mind:hover{border-color:rgba(250,245,236,.4)}
/* D10 lab-merge (2026-09-05): the vendor page's facts, folded into the
   same card instead of a separate page. */
.mind-more{position:relative;z-index:2;margin:0 1.2rem 1.1rem;padding-top:.1rem}
.mind-more summary{cursor:pointer;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);opacity:.8}
.mind-more summary:hover{opacity:1}
.mind-more .reader-language-note{margin:.6rem 0 .5rem}
.mind-more p{color:var(--dim);font-size:.86rem;line-height:1.5;margin:.5rem 0 0}
.mind-more p b{color:var(--cream)}
.mind-doors .mind-plate{height:176px}
@media(min-width:1180px){.mind-grid.mind-doors{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}}
/* Brain room: these four are knowledge channels, not model-logo tiles. Keep the
   complete 16:9 picture and put the title/description in a real copy block. */
.room-brain .mind-grid.mind-doors{grid-template-columns:1fr;gap:1.25rem;max-width:76rem}
.room-brain .mind-grid.mind-doors .mind{
  display:grid;grid-template-rows:auto 1fr;min-height:0;padding:0;
  background:#0b0e14;border-color:rgba(53,224,242,.22);
}
.room-brain .mind-grid.mind-doors .mind-plate{
  display:grid;place-items:center;width:100%;height:auto;min-height:0;aspect-ratio:16/9;
  margin:0;overflow:hidden;background:#05070c;
}
.room-brain .mind-grid.mind-doors .mind-plate img{
  display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;background:#05070c;
}
.room-brain .mind-grid.mind-doors .mind-veil{display:none}
.room-brain .mind-grid.mind-doors .mind-copy{display:block;padding:1.05rem 1.1rem 1.25rem}
.room-brain .mind-grid.mind-doors .mind-copy .kicker,
.room-brain .mind-grid.mind-doors .mind-copy h2,
.room-brain .mind-grid.mind-doors .mind-copy p{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
.room-brain .mind-grid.mind-doors .mind-copy .kicker{margin-top:0;color:#35e0f2}
.room-brain .mind-grid.mind-doors .mind-copy h2{margin:.28rem 0 .38rem;font-size:clamp(1.8rem,5vw,2.65rem)}
.room-brain .mind-grid.mind-doors .mind-copy p:last-child{margin:.25rem 0 0;color:var(--dim);line-height:1.5}
@media(min-width:760px){.room-brain .mind-grid.mind-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}}
@media(min-width:1180px){.room-brain .mind-grid.mind-doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7rem}}
.co-page .lead-film{margin:0 0 1.4rem;display:grid;place-items:center}
.co-page .lead-film video{
  display:block;width:auto;max-width:100%;height:auto;max-height:min(78dvh,900px);
  object-fit:contain;object-position:center;background:#05070c;margin-inline:auto;
}
.co-page .lead-mark{
  display:grid;place-items:center;min-height:min(38svh,22rem);margin:0 0 1.4rem;
  border:1px solid rgba(250,245,236,.12);
}
.co-page .lead-mark .mind-logo{width:120px;height:120px;object-fit:contain;background:#fff;padding:16px;border-radius:22px;box-sizing:border-box}
.co-alibaba .lead-mark{background:linear-gradient(160deg,#111,#2a1a08 50%,#f5a524)}
.co-moonshot .lead-mark{background:linear-gradient(160deg,#050505,#1a1a1a 62%,#f5f5f5)}
.co-meta .lead-mark{background:linear-gradient(160deg,#041018,#0668e1 62%,#8ec8ff)}
.co-nvidia .lead-mark{background:linear-gradient(160deg,#050805,#111,#76b900)}
.co-microsoft .lead-mark{background:linear-gradient(135deg,#111 0 40%,#00a4ef)}
.co-deepseek .lead-mark{background:linear-gradient(160deg,#071018,#16324a 55%,#4d6bfe)}
.co-minimax .lead-mark{background:linear-gradient(160deg,#1a0a06,#ff5c35 62%,#ffd0c2)}
.co-zhipu .lead-mark{background:linear-gradient(160deg,#0c0820,#3a2b9a 55%,#8b82ff)}
.together{margin-top:2.4rem;padding-top:1rem;border-top:2px solid #c4b5fd}
.room-wall{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,84,51,.12),transparent 40%),
    #0a0708;
}
.graph-stage{
  margin:0 0 2.6rem;border:0;background:transparent;
}
.page-brain-show{padding-top:0}
.graph-stage.fly-show{
  min-height:240vh;
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
}
.graph-stage.fly-show .atlas{
  position:sticky;top:0;min-height:100svh;height:100svh;
}
.graph-stage.fly-show canvas,
.graph-stage.fly-show .atlas-labels{
  height:100svh;
}
.atlas{
  position:relative;min-height:min(78svh,44rem);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:
    radial-gradient(ellipse at 50% 42%,rgba(48,72,108,.38),transparent 56%),
    #0d121b;
  overflow:hidden;touch-action:none;cursor:grab;
}
.atlas:active{cursor:grabbing}
.graph-stage canvas{display:block;width:100%;height:min(78svh,44rem);background:transparent}
.atlas-hud{
  position:absolute;left:1rem;top:1rem;z-index:2;max-width:min(36rem,80vw);pointer-events:none;
}
.graph-stage.fly-show .atlas-hud{top:4.6rem}
.atlas-chapter{
  margin:0 0 .35rem;font-family:Anton,sans-serif;font-size:clamp(2.1rem,6vw,4.4rem);
  letter-spacing:.04em;line-height:.9;color:#f5d07a;text-shadow:0 8px 28px rgba(5,7,12,.55);
}
.atlas-zoom{display:flex;gap:.35rem;margin-top:.7rem;pointer-events:auto}
.atlas-zoom button{
  min-width:44px;min-height:44px;border:1px solid rgba(250,245,236,.28);background:rgba(8,10,16,.72);
  color:var(--cream);font:700 1.15rem/1 Anton,sans-serif;cursor:pointer;
}
.atlas-zoom button:hover{background:var(--lime);color:#111700}
.atlas-tip,.atlas-readout{
  margin:0;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.08em;
  color:rgba(250,245,236,.62);text-transform:uppercase;
}
.atlas-readout{margin-top:.4rem;color:var(--cream);min-height:1em;letter-spacing:.06em}
.atlas-legend{
  position:absolute;right:1rem;top:1rem;z-index:2;list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;align-items:flex-end;gap:.28rem;max-width:min(16rem,46vw);
  pointer-events:none;
}
.atlas-legend li{
  font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(250,245,236,.7);display:inline-flex;align-items:center;gap:.35rem;
}
.atlas-legend i{width:.45rem;height:.45rem;border-radius:50%;display:inline-block}
.atlas-legend em{font-style:normal;color:rgba(250,245,236,.4)}
.graph-stage figcaption{
  padding:.7rem 0 .85rem;font-family:"Space Mono",monospace;font-size:.68rem;
  letter-spacing:.14em;color:var(--mute);display:flex;flex-wrap:wrap;gap:.4rem 1rem;justify-content:space-between;
}
.graph-stage figcaption em{font-style:normal;color:rgba(250,245,236,.55)}
.spine{
  display:flex;flex-wrap:wrap;gap:.35rem .85rem;align-items:baseline;
  margin:0 0 2.6rem;padding:0 0 1.4rem;border-bottom:1px solid var(--line);
  max-width:52rem;color:var(--dim);line-height:1.6;font-size:1.05rem;
}
.spine b{font-family:Anton,sans-serif;font-weight:400;letter-spacing:.04em;color:var(--cream);font-size:1.15rem}
.essay{max-width:44rem;margin:1.4rem 0 0}
.essay p{margin:0 0 1.15rem;color:var(--dim);line-height:1.62;font-size:1.08rem}
.essay p:last-child{margin-bottom:0}
.essay strong{font-family:Anton,sans-serif;font-weight:400;letter-spacing:.03em;color:var(--cream);font-size:1.05em}
.thread{list-style:none;margin:1.5rem 0 0;padding:0;max-width:46rem}
.thread li{display:grid;grid-template-columns:2.4rem 1fr;gap:.85rem;padding:0 0 1.45rem;position:relative}
.thread li:not(:last-child)::before{
  content:"";position:absolute;left:0.55rem;top:1.55rem;bottom:.15rem;width:1px;background:rgba(250,245,236,.14);
}
.thread i{font-family:Anton,sans-serif;font-style:normal;font-size:1.35rem;color:var(--cream);line-height:1.1}
.thread b{display:block;font-family:Anton,sans-serif;font-size:1.25rem;margin:0 0 .25rem;color:var(--cream)}
.thread p{margin:0;color:var(--dim);line-height:1.58;font-size:1.05rem}
.case{margin:1.6rem 0 0;border:0;border-left:2px solid rgba(250,245,236,.22);background:transparent;padding:0 0 0 1.15rem}
.case h3{font-family:Anton,sans-serif;font-size:clamp(1.7rem,3.2vw,2.4rem);margin:.2rem 0 .85rem;letter-spacing:.03em}
.case-grid{display:grid;gap:1rem}
.case-grid i{display:inline;font-family:Anton,sans-serif;font-style:normal;font-size:1rem;letter-spacing:.04em;color:var(--cream);margin:0 .4rem 0 0}
.case-grid p{margin:0;color:var(--dim);line-height:1.58;font-size:1.05rem}
.case-grid div{padding:0}
.factory-walk{margin-top:1.4rem}
.how-school{
  margin:0 0 2.6rem;padding:1.4rem 0 1.8rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.how-school .walk{max-width:52rem}
.how-chip{
  display:inline-flex;align-items:center;gap:.4rem;margin:.65rem 1.15rem 1rem;
  min-height:44px;padding:.35rem .85rem;border:1px solid var(--lime);
  color:var(--lime);text-decoration:none;font-family:"Space Mono",monospace;
  font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
}
.how-chip:hover{background:var(--lime);color:#111700}
.has-reel .brain-chapter .kicker,
.has-reel .brain-chapter h2,
.has-reel .brain-chapter .lede,
.has-reel .brain-chapter .essay p,
.has-reel .brain-chapter .spine{
  text-shadow:0 2px 18px rgba(5,7,12,.72);
}
.stack,.pipe{display:block;margin:1.2rem 0 0;padding:0;list-style:none}
.stack-card,.pipe li{
  border:0;background:transparent;padding:0 0 1.2rem;max-width:44rem;
}
.stack-card i,.pipe i{display:inline;font-family:"Space Mono",monospace;font-style:normal;font-size:.68rem;letter-spacing:.14em;color:var(--mute);margin:0 .55rem 0 0}
.stack-card b,.pipe b{display:inline;font-family:Anton,sans-serif;font-size:1.35rem;letter-spacing:.04em;margin:0}
.stack-card p,.pipe span{display:block;margin:.35rem 0 0;color:var(--dim);line-height:1.58;font-size:1.05rem}
.stack-card .job{font-family:Archivo,system-ui,sans-serif;font-size:1.05rem;letter-spacing:0;text-transform:none;color:var(--mute);margin:.2rem 0 .35rem}
.stack-wide{grid-column:auto}
.walk{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:0;max-width:46rem}
.walk li{display:grid;grid-template-columns:2.2rem 1fr;gap:.8rem;align-items:start;border:0;padding:0 0 1.4rem;background:transparent;position:relative}
.walk li:not(:last-child)::before{
  content:"";position:absolute;left:.5rem;top:1.6rem;bottom:.1rem;width:1px;background:rgba(250,245,236,.14);
}
.walk i{
  font-family:Anton,sans-serif;font-style:normal;font-size:1.45rem;color:var(--cream);line-height:1;min-width:1.6rem;
}
.walk b{display:block;font-family:Anton,sans-serif;font-size:1.25rem;margin:0 0 .25rem}
.walk p{margin:0;color:var(--dim);line-height:1.58;font-size:1.05rem}
.brain-thumb{
  height:168px;display:grid;place-items:center;background:
    radial-gradient(circle at 50% 48%,rgba(53,224,242,.16),transparent 46%),
    rgba(8,10,16,.25);
  position:relative;overflow:hidden;
}
.brain-thumb::before,.brain-thumb::after{
  content:"";position:absolute;border-radius:50%;border:1px solid rgba(53,224,242,.45);
}
.brain-thumb::before{width:54px;height:54px}
.brain-thumb::after{width:92px;height:92px;border-color:rgba(255,62,142,.35)}
.brain-thumb em{
  position:relative;z-index:1;font-family:"Space Mono",monospace;font-style:normal;font-size:.66rem;letter-spacing:.16em;color:var(--aqua);
}
.looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1.8rem 0 2.4rem}
@media(min-width:800px){.looks{grid-template-columns:repeat(6,1fr)}}
.looks figure{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--chassis)}
.looks img{width:100%;height:168px;object-fit:cover;object-position:center top;display:block}
.looks figcaption{padding:.4rem .5rem .55rem;font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.room-intel:not(.timebox){background:#ebe4d4;color:#1a1612}
.room-intel:not(.timebox) .page{background:#f6f0e4;color:#1a1612}
.room-intel:not(.timebox) .lede,.room-intel:not(.timebox) .row-note{color:#3f382e}
.room-intel:not(.timebox) .slam,.room-intel:not(.timebox) h1,.room-intel:not(.timebox) h2,.room-intel:not(.timebox) h3{color:#140804}
.room-intel.timebox .slam,.room-intel.timebox h1,.room-intel.timebox h2,.room-intel.timebox h3{color:#faf5ec}
.room-intel:not(.timebox) .stamp{color:#6b4b00}
.room-intel:not(.timebox) .kicker{color:#8a1f12}
.room-intel:not(.timebox) .mast{border-bottom-color:#d2c6b0}
.room-intel:not(.timebox) .card{background:#fffaf1;border-color:#d8cfc0;color:#1a1612}
.room-intel.timebox .card{
  background:#0b0e14;border-color:rgba(250,245,236,.12);color:#faf5ec;
}
.room-intel.timebox .expand p{color:rgba(250,245,236,.78)}
.room-intel.timebox .expand summary{color:#dbff62;border-color:rgba(219,255,98,.28)}
.room-intel.timebox .lede{color:rgba(250,245,236,.82)}
.room-intel:not(.timebox) .src{color:#8a1f12}
.room-intel.timebox .src{color:#dbff62}
.room-intel:not(.timebox) footer{color:#3f382e}
.room-intel:not(.timebox) .follow a{color:#5a3d00;border-color:#c9b896}
.room-intel:not(.timebox) .follow a:hover{background:#edb847;color:#140804}
.room-intel:not(.timebox) .desk h2{color:#8a1f12}
.room-intel:not(.timebox) .top{
  background:linear-gradient(180deg,rgba(246,240,228,.94),rgba(246,240,228,.72));
}
.room-intel.timebox .top{
  background:linear-gradient(180deg,rgba(7,9,15,.94),rgba(7,9,15,.55));
}
.room-intel:not(.timebox) .nav a{color:#4a4034}
.room-intel:not(.timebox) .nav a:hover,.room-intel:not(.timebox) .nav a:focus-visible{background:rgba(20,8,4,.08);color:#140804}
.room-intel:not(.timebox) .nav a.on{background:#140804;color:#f6f0e4}
.room-intel:not(.timebox) .brand{color:#140804}
.room-intel:not(.timebox) .brand span{color:#8a1f12}
.room-intel:not(.timebox) .lang{color:#5a4a38}
.room-intel:not(.timebox) .lang.on{background:rgba(20,8,4,.1);color:#140804}
.room-intel:not(.timebox) .clock{color:#6b4b00;opacity:.7}
.byline{display:flex;align-items:center;gap:.75rem;margin:0 0 .7rem}
.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#d8cfc0;flex:none}
.lead-story .avatar{width:72px;height:72px}
.folio{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#6b4b00;border-top:2px solid #140804;border-bottom:1px solid #d2c6b0;padding:.55rem 0;margin:0 0 1.8rem}
.trick-story{display:grid;gap:1.1rem;border:1px solid var(--line);background:var(--chassis);padding:1.2rem;margin:0 0 1.2rem}
@media(min-width:800px){.trick-story{grid-template-columns:220px 1fr;align-items:center}}
.trick-story img,.trick-story .film-el{width:100%;height:160px;object-fit:cover;object-position:center;display:block}
.trick-story h3{font-family:Anton,sans-serif;font-size:2rem;line-height:1.06;margin:.2rem 0 .5rem}
.room-tricks .stamp{color:var(--aqua)}
.room-tricks .card{min-height:14rem}
.trick-grid .card h3{font-size:2.05rem}
.geek-band{margin:0 0 2.6rem}
.geek-ep{
  display:grid;gap:1.1rem;margin:0 0 1.6rem;padding:0 0 1.6rem;
  border-bottom:1px solid rgba(250,245,236,.12);
}
@media(min-width:960px){
  .geek-ep{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
}
.geek-screen{
  position:relative;min-height:16rem;border:1px solid rgba(250,245,236,.16);
  background:
    linear-gradient(180deg,rgba(8,10,16,.2),rgba(8,10,16,.72)),
    repeating-linear-gradient(0deg,transparent,transparent 11px,rgba(53,224,242,.06) 12px);
  display:grid;place-items:center;overflow:hidden;
}
.geek-screen b{
  font-family:"Space Mono",monospace;font-weight:400;font-size:.68rem;
  letter-spacing:.16em;color:var(--aqua);text-transform:uppercase;
}
.geek-meta .kicker{margin-top:0}
.geek-title{
  font-family:Anton,sans-serif;font-size:clamp(1.8rem,3.4vw,2.7rem);
  letter-spacing:.03em;line-height:1.05;margin:.15rem 0 .55rem;
}
.geek-steps{list-style:none;margin:.4rem 0 1rem;padding:0}
.geek-steps li{display:grid;grid-template-columns:1.6rem 1fr;gap:.55rem;padding:0 0 .45rem;color:var(--dim);line-height:1.5}
.geek-steps i{font-family:Anton,sans-serif;font-style:normal;color:var(--cream)}
.geek-graph{
  width:100%;height:auto;display:block;margin:.4rem 0 1rem;
  border:1px solid rgba(250,245,236,.1);background:rgba(8,10,16,.35);
}
.geek-stamps{display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 .9rem}
.geek-stamps span{
  font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.12em;
  text-transform:uppercase;border:1px solid rgba(250,245,236,.2);padding:.28rem .5rem;color:var(--aqua);
}
.geek-stamps .wait{color:#edb847;border-color:rgba(237,184,71,.4)}
.geek-stamps .claim{color:#ff9bbd;border-color:rgba(255,155,189,.35)}
.room-websites .mast .stamp{color:var(--magenta)}
.room-cartoons .stamp{color:var(--coral)}
.cast-strip{display:grid;gap:1.3rem}
@media(min-width:800px){.cast-strip{grid-template-columns:1.15fr .85fr;align-items:center}}
.cast-strip{position:relative}
.cast-strip img,.cast-strip .film-el{width:100%;height:min(56vw,420px);object-fit:cover}
.cast-strip .film-el{position:absolute;inset:auto auto 0 0;width:100%;max-width:100%;opacity:.85}
.cartoon-stage{
  min-height:min(78svh,48rem);display:flex;align-items:flex-end;overflow:hidden;
  border:1px solid rgba(255,84,51,.24);isolation:isolate;margin:2.2rem 0 3rem;padding:clamp(1.25rem,4vw,3.2rem);
}
.cartoon-stage>img,.cartoon-stage>.film-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.9}
.cartoon-stage>.shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,7,12,.7),rgba(5,7,12,.18) 70%),linear-gradient(180deg,transparent 48%,rgba(5,7,12,.54))}
.cartoon-stage .cartoon-copy{position:relative;z-index:2;max-width:37rem;padding:1.1rem 1.1rem 1.2rem;border-left:3px solid var(--coral);background:linear-gradient(90deg,rgba(5,7,12,.64),rgba(5,7,12,.12))}
.cartoon-stage h2{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,4rem);line-height:1.04;margin:.25rem 0 .8rem}
.cartoon-stage p{line-height:1.5}
.ep img{transition:transform .55s cubic-bezier(.65,.05,0,1),filter .35s ease}
.ep:hover img,.ep:focus-within img{transform:scale(1.045);filter:saturate(1.08)}
.crew-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:2rem 0}
@media(min-width:800px){.crew-grid{grid-template-columns:repeat(4,1fr)}}
.crew-grid figure{border:1px solid var(--line);background:var(--chassis)}
.crew-grid img{width:100%;height:180px;object-fit:cover;object-position:center top;display:block}
.crew-grid figcaption{padding:.55rem .7rem .75rem;font-size:.82rem;color:var(--dim)}
.crew-grid strong{display:block;font-family:Anton,sans-serif;color:var(--cream);font-size:1.05rem}
.src{display:inline-block;margin-top:.85rem;font-family:"Space Mono",monospace;font-size:.72rem;letter-spacing:.08em;color:var(--lime);text-transform:uppercase}
.fineprint{margin-top:2.6rem;color:var(--dim);font-size:.88rem;max-width:46rem}

footer{padding:2.2rem 4vw 3.2rem;border-top:1px solid var(--line);color:var(--dim);font-size:.85rem}
footer a{color:var(--aqua)}
/* One footer nav template on every page (2026-09-05 clarity pass): the same
   6 links chrome.js stamps into every footer. */
.foot-nav{
  display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin:0 0 1rem;
  font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
}
.foot-nav a{color:var(--aqua);text-decoration:none}
.foot-nav a:hover,.foot-nav a:focus-visible{text-decoration:underline}

.page-film{position:fixed;inset:0;z-index:0;opacity:.18;pointer-events:none}
.page-film + .top,.page-film ~ main,.page-film ~ footer{position:relative;z-index:1}
.film-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.film-bg .film-el{width:100%;height:100%;object-fit:cover;opacity:.42}
.hero .film-bg{z-index:1}
.hero .film-bg .film-el{opacity:.46;mix-blend-mode:normal;filter:saturate(1.05) contrast(1.08)}
.hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,7,12,.78) 0%,rgba(5,7,12,.28) 46%,rgba(5,7,12,.12) 100%);
}
.has-reel .hero::after{background:none}
.talk{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.8rem 1.45rem;
  border:1px solid rgba(237,184,71,.7);color:#edb847;font-family:"Space Mono",monospace;letter-spacing:.14em;text-transform:uppercase;
  border-radius:999px;
}
.talk:hover,.talk:focus-visible{background:#edb847;color:#140804}
.factory{margin-top:3.4rem}
.factory h2{margin-bottom:.6rem}
.factory .lede{max-width:42rem}
.how-rail{display:grid;gap:1rem;margin:1.6rem 0 0}
@media(min-width:900px){.how-rail{grid-template-columns:repeat(3,1fr)}}
.how-card{position:relative;min-height:0;border:1px solid rgba(250,245,236,.12);overflow:hidden;background:rgba(8,10,14,.18);display:flex;flex-direction:column}
.how-card img,.how-card .film-el,.how-card .how-media{width:100%;height:11.5rem;object-fit:cover;object-position:center;display:block;background:transparent;opacity:.84}
.how-card .how-media{position:relative;min-height:11.5rem;overflow:hidden}
.how-card .how-media .film-el{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.how-card .copy{position:static;padding:1rem 1rem 1.15rem;background:transparent}
.how-card strong{display:block;font-family:Anton,sans-serif;font-size:1.7rem}
.how-card em{display:block;margin:.2rem 0 .7rem;font-style:normal;color:var(--dim);font-size:.9rem;line-height:1.35}
.plate{
  background:rgba(5,7,12,.28);border:1px solid rgba(250,245,236,.12);
  padding:1.35rem 1.3rem 1.45rem;backdrop-filter:blur(8px);
}
.plate .lede{color:rgba(250,245,236,.88);margin-bottom:1.1rem}
.stage h2{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,3.4rem);line-height:.9;margin:.25rem 0 .7rem}
.cta-strip{display:grid;gap:1.2rem;margin:2.4rem 0 2.6rem}
@media(min-width:860px){.cta-strip{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}}
.cta-card{position:relative;overflow:hidden;border:1px solid rgba(250,245,236,.12);min-height:0;background:rgba(8,10,14,.18);display:flex;flex-direction:column}
.cta-card img,.cta-card .film-el,.cta-card .cta-media{width:100%;height:12rem;object-fit:cover;object-position:center;display:block;background:transparent;opacity:.84}
.cta-card .cta-media{position:relative;min-height:12rem;overflow:hidden}
.cta-card .cta-media .film-el{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.cta-card .shade{display:none}
.cta-card .copy{position:static;padding:1.15rem 1.2rem 1.25rem}
.stage{
  position:relative;overflow:hidden;border:1px solid var(--line);background:#07080d;
  min-height:min(68svh,34rem);display:grid;align-items:end;
}
.stage img,.stage .film-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}
.stage .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,7,12,.7))}
.stage .copy{position:relative;z-index:2;padding:1.4rem 1.3rem}
.stage .plate{max-width:36rem}
.clip-grid{display:grid;gap:.85rem;margin:1.8rem 0 2.4rem}
@media(min-width:800px){.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.clip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.clip{position:relative;border:1px solid var(--line);background:var(--chassis);overflow:hidden;min-height:18rem;display:flex;flex-direction:column;justify-content:flex-end}
.clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}
.clip .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,7,12,.72))}
.clip .copy{position:relative;z-index:2;padding:1rem 1rem 1.1rem}
.clip strong{display:block;font-family:Anton,sans-serif;font-size:1.55rem}
.clip em{display:block;margin:.25rem 0 .7rem;font-style:normal;color:rgba(250,245,236,.82);font-size:.92rem;line-height:1.35}
.clip .play{width:100%}
.room-funny .stamp{color:var(--coral)}
.room-funny .mast,.room-tricks .mast{margin-bottom:1.05rem;padding-bottom:.7rem}
.room-funny .funny-lane{margin-top:.35rem}
.ai-note{font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--aqua)}

.cinema{
  position:fixed;inset:0;z-index:85;display:none;place-items:center;
  padding:1.2rem;background:rgba(5,7,12,.82);backdrop-filter:blur(12px);
}
.cinema.open{display:grid}
.cinema-box{
  position:relative;width:min(96vw,72rem);background:#05070c;
  border:1px solid rgba(250,245,236,.18);
  box-shadow:0 28px 80px rgba(0,0,0,.55);
}
.cinema-stage{width:100%;aspect-ratio:16/9;background:#000}
.cinema.portrait .cinema-box{width:min(92vw,28rem)}
.cinema.portrait .cinema-stage{aspect-ratio:9/16}
.cinema.spotify .cinema-box{width:min(94vw,28rem)}
.cinema.spotify .cinema-stage{aspect-ratio:auto;min-height:352px;background:#121212}
.cinema.spotify .cinema-stage iframe{display:block;width:100%;height:352px;border:0;background:#121212}
.cinema-box video,.cinema-stage video{
  display:block;width:100%;height:100%;
  background:#000;object-fit:contain;
}
.cinema.portrait .cinema-stage video{aspect-ratio:9/16}
.cinema-close{
  display:block;min-height:48px;margin:.7rem;width:calc(100% - 1.4rem);
  padding:.55rem 1.2rem;border:0;border-radius:999px;cursor:pointer;
  background:#dbff62;color:#111700;font-family:"Space Mono",monospace;
  font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;
}
body.cinema-on{overflow:hidden}
body.cinema-on .dock-stage{display:none !important}
.dock{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,34vw) auto;
  gap:.8rem;align-items:center;
  padding:.7rem 3vw calc(.65rem + env(safe-area-inset-bottom));
  background:rgba(5,7,12,.78);border-top:1px solid rgba(250,245,236,.22);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  transition:min-height .25s ease, padding .25s ease;
}
.dock-peek{display:none;position:absolute;inset:0;z-index:2;margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.dock-pulse{
  width:.7rem;height:.7rem;border-radius:50%;background:rgba(255,84,51,.35);
  box-shadow:0 0 0 0 rgba(255,84,51,.4);
}
.dock.live .dock-pulse{
  background:var(--coral);
  animation:dockpulse 1.6s ease-out infinite;
}
@keyframes dockpulse{
  0%{box-shadow:0 0 0 0 rgba(255,84,51,.55)}
  100%{box-shadow:0 0 0 12px rgba(255,84,51,0)}
}
.dock-kicker{margin:0;font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.12em;color:var(--aqua)}
.dock-title{margin:.12rem 0 0;font-family:Anton,sans-serif;font-size:1.05rem;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-stage{display:none;min-height:78px;background:#000;border:1px solid rgba(250,245,236,.12);overflow:hidden}
.dock.live .dock-stage{display:block}
.dock-stage iframe,.dock-stage video{display:block;width:100%;height:92px;border:0;background:#000}
.cinema{
  position:fixed;inset:0;z-index:90;display:none;place-items:center;
  padding:1.2rem;background:rgba(5,7,12,.9);backdrop-filter:blur(10px);
}
.cinema.open{display:grid}
.cinema-frame{
  width:min(94vw,72rem);aspect-ratio:16/9;background:#000;
  border:1px solid rgba(250,245,236,.2);overflow:hidden;position:relative;
}
.cinema-frame video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.cinema-x{
  position:absolute;top:.7rem;right:.7rem;z-index:2;min-height:44px;min-width:44px;
  border:1px solid rgba(250,245,236,.35);border-radius:999px;background:rgba(7,9,14,.8);
  color:var(--cream);font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
}
.cinema-title{
  position:absolute;left:.8rem;bottom:.8rem;z-index:2;margin:0;
  font-family:Anton,sans-serif;letter-spacing:.04em;color:#faf5ec;
  text-shadow:0 2px 12px #000;
}
.dock-actions{display:flex;flex-wrap:wrap;gap:.4rem}
.dock-go,.dock-stop,.dock-open{
  min-height:44px;padding:.4rem .85rem;border:1px solid var(--aqua);border-radius:999px;
  font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--aqua);
  transition:transform .2s ease, background .2s ease, color .2s ease;
}
.dock-go{background:var(--aqua);color:var(--ink)}
.dock-stop{background:#dbff62;color:#111700;border-color:#dbff62;font-weight:850}
.dock:not(.live) .dock-stop{display:none}
.dock.live .dock-go{display:none}
.dock-go:hover,.dock-open:hover{transform:translateY(-1px)}
body.dock-on,body.dock-compact{padding-bottom:var(--dock-clear)}

.x-veil{
  position:fixed;inset:0;z-index:79;display:none;border:0;padding:0;
  background:rgba(5,7,12,.58);backdrop-filter:blur(10px);cursor:pointer;
}
.x-veil.open{display:block}
.x-pane{
  position:fixed;inset:auto 0 0 0;z-index:80;
  display:none;flex-direction:column;
  max-height:min(86svh,42rem);
  background:rgba(16,20,28,.96);color:var(--cream);
  border-top:1px solid rgba(250,245,236,.22);
  box-shadow:0 -18px 48px rgba(0,0,0,.42);
  backdrop-filter:blur(16px);
}
.x-pane.open{display:flex}
.x-pane-bar{
  display:flex;justify-content:space-between;align-items:center;gap:.8rem;
  padding:.85rem 4vw;border-bottom:1px solid rgba(250,245,236,.1);
}
.x-pane-kicker{margin:0;font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.16em;color:var(--aqua)}
.x-pane-title{margin:.15rem 0 0;font-family:Anton,sans-serif;font-size:1.2rem;letter-spacing:.03em}
.x-pane-actions{display:flex;gap:.4rem;flex-shrink:0}
.x-pane-open,.x-pane-close{
  min-height:44px;padding:.4rem .85rem;border:1px solid rgba(250,245,236,.28);border-radius:999px;
  font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);
}
.x-pane-close{background:var(--cream);color:var(--ink);border-color:var(--cream);font-weight:700}
.return-bar{
  display:flex;justify-content:center;padding:.75rem 4vw calc(.85rem + env(safe-area-inset-bottom));
  border-top:1px solid rgba(250,245,236,.14);background:#0b0e14;
}
.return-btn{
  min-height:48px;padding:.55rem 1.3rem;border:0;border-radius:999px;
  background:#dbff62;color:#111700;font-family:"Space Mono",monospace;
  font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;cursor:pointer;
}
.cinema{
  position:fixed;inset:0;z-index:88;display:none;place-items:center;
  background:rgba(5,7,12,.88);padding:1.2rem 4vw;
}
.cinema.open{display:grid}
.cinema-frame{width:min(96vw,72rem);aspect-ratio:16/9;background:#000;position:relative;overflow:hidden}
.cinema-stage video{
  display:block;width:100%;aspect-ratio:16/9;height:auto;background:#000;border:1px solid rgba(250,245,236,.16);
}
.cinema-return{margin-top:0}
body.cinema-on{overflow:hidden}
.x-pane-stage{overflow:auto;flex:1;padding:1rem 4vw 1.4rem;min-height:12rem;background:rgba(11,14,20,.92)}
.x-pane-frame{display:block;width:100%;min-height:min(62svh,32rem);height:min(62svh,32rem);border:0;background:#0b0e14;border-radius:8px}
.x-pane-fail{margin:0 0 1rem;color:rgba(250,245,236,.82);line-height:1.45}
body.x-on{overflow:hidden}
@media (min-width:900px){
  .x-pane{
    inset:0 0 0 auto;width:min(32rem,42vw);max-height:none;height:100%;
    border-top:0;border-left:1px solid rgba(250,245,236,.18);
  }
  .x-pane-frame{min-height:calc(100svh - 11rem);height:calc(100svh - 11rem)}
}

@media (max-width:480px){
  .jarvis-panel textarea{min-height:4.5rem}
}

@media (prefers-reduced-motion:reduce){
  .dock{transition:none}
  .dock.live .dock-pulse{animation:none}
  .poster img,.poster .ph,.poster .go,.door{transition:none}
  .film-stage-canvas{display:none}
  .top{transition:none}
}
@media (max-width:768px){
  .film-stage-poster img{object-fit:contain}
  .hero{grid-template-columns:1fr;align-items:end;height:calc(100svh - var(--top-h) - var(--dock-clear));min-height:calc(100svh - var(--top-h) - var(--dock-clear));max-height:calc(100svh - var(--top-h) - var(--dock-clear));padding:1.1rem 5vw 1.25rem}
  body{padding-bottom:var(--dock-clear)}
  .hero-copy{max-width:none}
  .hero h1{font-size:clamp(2.25rem,13.5vw,3.15rem);margin:.25rem 0 .55rem}
  .hero .lede{margin-bottom:.85rem;font-size:1.02rem}
  .hero .freq{display:none}
  .poster{flex-basis:148px}
  .poster img,.poster .ph{width:100%;height:auto;aspect-ratio:1/1}
  .poster.lg{flex-basis:236px}
  .poster.lg img{width:100%;height:auto;aspect-ratio:1/1}
  .poster.wide{flex-basis:72vw}
  .poster.wide img{height:auto;aspect-ratio:1/1}
  .poster.mix{flex-basis:86vw;width:86vw}
  .poster.mix img{aspect-ratio:16/9;max-width:none}
  .room-radio .poster[data-series],
  .room-radio .poster.mix{flex-basis:86vw;width:86vw}
  .room-radio .poster[data-series] img,
  .room-radio .poster.mix img,.room-radio .poster.mix.sq-art img{aspect-ratio:16/9;max-width:none;object-fit:contain}
  .room-radio .poster:not([data-series]):not(.mix) img{aspect-ratio:1/1}
  .poster .go{
    opacity:1;inset:auto .45rem .45rem auto;width:44px;height:44px;padding:0;
    background:rgba(5,7,12,.72);border-radius:999px;justify-content:center;align-items:center;font-size:1.1rem;
  }
  .poster .go i{display:none}
  .doors{grid-template-columns:1fr}
  .door{min-height:13.5rem}
  .ep img{height:140px}
  .top{padding:.45rem 3.5vw .4rem;gap:.15rem .4rem}
  /* Sandwich menu owns every viewport. Do not restore the old ticker strip. */
  html.nav-open .nav{
    width:min(28rem,86vw);display:flex;flex-direction:column;flex-wrap:nowrap;
    overflow-y:auto;overflow-x:hidden;gap:.15rem;padding:6.4rem 1.4rem 2rem;
    scroll-snap-type:none;mask-image:none;-webkit-mask-image:none;
  }
  .nav::-webkit-scrollbar{display:none}
  .nav a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:none;min-width:0;min-height:52px;padding:.55rem 1rem;font-size:.92rem;letter-spacing:.14em;gap:.12rem}
  .nav-more{display:none}
  .lang{min-width:44px;min-height:44px;padding:.28rem .48rem}
  .clock{display:none}
  .top .live{display:none}
  .billboard{min-height:calc(100svh - var(--top-h) - var(--dock-clear))}
  .billboard .copy{padding:6.5rem 5vw 2.2rem}
  .scroller{mask-image:none}
  /* Phone dock = ONE compact row (pulse · status · actions); the stage drops
     below that row only while something is actually playing. */
  .dock{
    grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem;min-height:56px;
    padding:.4rem 3.5vw calc(.45rem + env(safe-area-inset-bottom));
  }
  .dock-kicker{display:none}
  .dock-title{margin:0;font-size:.95rem}
  .dock-stage{grid-column:1 / -1;order:5}
  .dock.live .dock-stage{min-height:168px}
  .dock.live .dock-stage iframe,.dock.live .dock-stage video{height:168px}
  .dock-actions{grid-column:auto;display:flex;flex-wrap:nowrap}
  .dock-go,.dock-stop{min-height:44px;padding:.35rem .62rem;font-size:.66rem}
  body.dock-on,body.dock-compact,body.dock-compact.dock-on{padding-bottom:var(--dock-clear)}
  /* Reading/scroll auto-minimize: slim handle, never engaged while dock-on (live). */
  body.dock-mini .dock{grid-template-columns:auto minmax(0,1fr);min-height:44px;padding:.3rem 3.5vw}
  body.dock-mini .dock-actions,body.dock-mini .dock-stage{display:none !important}
  body.dock-mini .dock-title{font-size:.82rem}
  body.dock-mini .dock-peek{display:block}
  .x-pane{max-height:min(90svh,46rem)}
  .atlas{display:flex;flex-direction:column;min-height:0}
  .atlas-hud{position:static;max-width:none;padding:.65rem 4vw 0}
  .atlas-legend{position:static;max-width:none;align-items:flex-start;padding:.4rem 4vw .7rem}
  .graph-stage canvas{height:min(58svh,26rem)}
  .graph-stage.fly-show{min-height:200vh}
  .graph-stage.fly-show .atlas{min-height:100svh;height:100svh}
  .graph-stage.fly-show canvas,
  .graph-stage.fly-show .atlas-labels{height:100svh}
  .atlas-chapter{font-size:clamp(1.7rem,11vw,2.6rem)}
  .graph-stage.fly-show .atlas-hud{position:absolute;left:0;right:0;top:0;padding:4.6rem 4vw 0;max-width:none}
  .graph-stage.fly-show .atlas-legend{position:absolute;right:1rem;bottom:1rem;top:auto;align-items:flex-end}
  .web-card .card-plate{height:188px;min-height:188px;font-size:1.7rem}
  .wall-card .card-plate{height:160px}
  .ep-art .card-plate{height:140px}
  .cartoon-stage{min-height:72svh;padding:1rem}
  .cartoon-stage>.shade{background:linear-gradient(180deg,rgba(5,7,12,.08) 20%,rgba(5,7,12,.68) 100%)}
  .cartoon-stage .cartoon-copy{max-width:none;background:linear-gradient(90deg,rgba(5,7,12,.68),rgba(5,7,12,.24))}
}

.school-block{margin:2.4rem 0 3.4rem}
.school-head{margin:0 0 1.35rem;padding-bottom:.7rem;border-bottom:1px solid rgba(250,245,236,.14)}
.school-head h2{margin:.15rem 0 0;font-family:Anton,sans-serif;font-size:clamp(1.8rem,4vw,3.1rem);letter-spacing:.03em}
.school-head p{margin:.45rem 0 0;max-width:46rem;color:var(--dim);line-height:1.5}
.lesson-grid{
  display:grid;gap:1.6rem;margin:0;overflow:visible;
}
@media(min-width:720px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem}}
@media(min-width:1180px){
  .lesson-grid.life-row,.lesson-grid.lab-row,.lesson-grid.desk-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem}
}
.lesson-card{
  display:flex;flex-direction:column;align-items:stretch;text-align:left;
  margin:0;padding:0 0 1.15rem;border:1px solid rgba(250,245,236,.14);
  background:rgba(8,10,16,.5);border-radius:4px;overflow:hidden;color:inherit;
  cursor:pointer;min-height:24rem;
}
.lesson-card:hover,.lesson-card:focus-visible{border-color:rgba(200,245,49,.55)}
.lesson-card img,.lesson-card .lesson-still,.lesson-mark{
  display:block;width:100%;aspect-ratio:16/9;height:auto;min-height:188px;object-fit:cover;object-position:center;background:#0b0e14;
}
.lesson-mark{display:grid;place-items:center;aspect-ratio:16/9;height:auto;min-height:168px}
.lesson-mark img{width:38%;max-width:120px;height:auto;max-height:72px;object-fit:contain;background:transparent;filter:brightness(0) invert(1)}
.lesson-glm{background:#0c0820}
.lesson-ds{background:#071018}
.lesson-card .kicker{padding:1rem 1.1rem 0}
.lesson-card h2{font-family:Anton,sans-serif;font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:.03em;margin:.2rem 1.1rem .4rem}
.lesson-card p{margin:0 1.1rem;color:var(--dim);line-height:1.45}
.lesson-meta{display:block;margin:auto 1.1rem .65rem;padding-top:1rem;font-family:"Space Mono",monospace;font-size:.68rem;line-height:1.45;letter-spacing:.06em;color:rgba(250,245,236,.62)}
.lesson-action{display:inline-flex;align-items:center;min-height:44px;margin:0 1.1rem;padding:.35rem .85rem;border:1px solid rgba(200,245,49,.46);border-radius:999px;align-self:flex-start;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#d9ff65}
.story-card{position:relative}
.story-deck{margin:.85rem 0 0;color:rgba(250,245,236,.72);font-size:.92rem;line-height:1.5;max-width:64ch}
.timebox .story-deck{color:rgba(250,245,236,.72)}
.story-open{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:1rem;padding:.4rem .95rem;border:1px solid currentColor;border-radius:999px;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:inherit}
.story-open:hover,.story-open:focus-visible{background:currentColor;color:#0c0f13;outline:2px solid transparent}
.lead-film img,.intel-film img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.lesson-veil{
  position:fixed;inset:0;z-index:80;border:0;padding:0;background:rgba(4,6,10,.72);
  backdrop-filter:blur(10px);
}
.lesson-pane{
  position:fixed;z-index:81;display:none;flex-direction:column;padding:0;
  inset:unset;top:50%;left:50%;right:auto;bottom:auto;
  transform:translate(-50%,-50%);margin:0;
  width:min(760px,92vw);max-height:min(86vh,900px);height:auto;max-width:760px;
  background:#fff;color:#161616;border:1px solid rgba(20,18,14,.12);border-radius:6px;
  box-shadow:0 40px 120px rgba(0,0,0,.55);overflow:hidden;
}
.lesson-pane[open],.lesson-pane.open{display:flex}
.lesson-pane::backdrop{background:rgba(4,6,10,.82);backdrop-filter:blur(10px)}
.lesson-chrome{
  display:flex;align-items:center;gap:.55rem;padding:.7rem 1.1rem;
  background:#fff;border-bottom:1px solid rgba(20,18,14,.12);
}
.lesson-kind{flex:none;font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.13em;color:#3a3a3a}
.lesson-dots{display:none}
.lesson-url{
  flex:1;min-width:0;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.04em;
  color:#3a3a3a;background:#f4f4f4;border:1px solid rgba(20,18,14,.1);
  border-radius:999px;padding:.42rem .85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.lesson-dl,.lesson-x{
  flex:none;min-height:40px;border-radius:999px;padding:.35rem .8rem;
  font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;
}
.lesson-dl{background:#c8f531;color:#111700;border:0;text-decoration:none;display:inline-flex;align-items:center}
.lesson-x{background:rgba(20,18,14,.06);color:#161616;border:1px solid rgba(20,18,14,.16)}
.lesson-x:hover,.lesson-x:focus-visible{background:rgba(20,18,14,.12)}
.lesson-stage{overflow:auto;padding:1.7rem clamp(1.1rem,4vw,2.4rem) 2rem;color:#161616;scrollbar-width:thin}
.lesson-stage h1{font-family:Anton,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);margin:.2rem 0 .7rem;letter-spacing:.03em;color:#111}
.lesson-stage h2{font-family:Anton,sans-serif;font-size:1.35rem;margin:1.3rem 0 .4rem;letter-spacing:.03em;color:#111}
.lesson-stage p,.lesson-stage li{color:#2a2a2a;line-height:1.55;font-size:1.02rem}
.lesson-stage ol{margin:.4rem 0 1rem;padding-left:1.2rem}
.lesson-stage code{font-family:"Space Mono",monospace;font-size:.86em}
.lesson-stage a.src{
  display:inline-flex;align-items:center;gap:.6rem;min-height:44px;margin:1.4rem 0 .2rem;padding:.55rem 1.25rem;
  border:1px solid currentColor;border-radius:999px;
  font-family:"Space Mono",monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--lime);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;
  transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
}
.lesson-stage a.src:hover,.lesson-stage a.src:focus-visible{
  background:var(--lime);color:#111700;text-decoration:none;transform:translateY(-2px);
  box-shadow:0 0 28px rgba(200,245,49,.35);
}
.lesson-stage a.src:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}
.reader-related{display:inline-flex;align-items:center;min-height:48px;margin:1.25rem 0 .4rem;padding:.55rem 1rem;border-radius:999px;background:var(--lime);color:#111700;font-family:"Space Mono",monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.reader-language-note{padding:.75rem .9rem;border-left:3px solid #161616;background:#f4f4f4;color:#2a2a2a!important;font-size:.88rem!important}
.lesson-stage .kicker{color:#5a5a5a}
body.lesson-on{overflow:hidden}
@media(max-width:768px){
  .lesson-pane{inset:0;top:0;left:0;right:0;bottom:0;transform:none;width:100%;max-width:none;max-height:none;border-radius:0;height:100%;margin:0}
  .lesson-chrome{flex-wrap:wrap}
  .lesson-url{flex:1 0 100%;order:5}
}

.funny-lane{margin:2.2rem 0 3rem}
.funny-lane-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;padding-bottom:.65rem;border-bottom:1px solid rgba(250,245,236,.12)}
.funny-lane-head h2{margin:0;font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,4rem);letter-spacing:.035em}
.funny-lane-head p{margin:0;max-width:34rem;color:var(--dim);line-height:1.45}
.funny-empty{min-height:12rem;display:grid;place-items:center;padding:2rem;border:1px dashed rgba(250,245,236,.22);background:rgba(250,245,236,.025);text-align:center}
.funny-empty[hidden]{display:none}
.funny-empty strong{display:block;font-family:Anton,sans-serif;font-size:1.7rem;letter-spacing:.035em}
.funny-empty span{display:block;margin-top:.45rem;color:var(--dim);line-height:1.45}
.found-source{display:block;position:relative;color:inherit;text-decoration:none;height:100%;min-height:22rem}
.found-source>img,.found-platform{display:block;width:100%;height:100%;min-height:22rem;object-fit:cover}
.found-platform{display:grid;place-items:center;background:radial-gradient(circle at 70% 22%,rgba(255,62,142,.3),transparent 34%),linear-gradient(145deg,#151120,#05070c);font-family:Anton,sans-serif;font-size:clamp(2.4rem,7vw,5.5rem);letter-spacing:.035em;color:rgba(250,245,236,.2)}
.found-clip .copy{pointer-events:none}
.found-clip .clip-share{pointer-events:auto}
.clip .provenance{display:block;margin-top:.55rem;font-family:"Space Mono",monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(250,245,236,.66)}
.clip-share{
  position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;margin-top:.7rem;padding:.45rem .8rem;border:1px solid rgba(250,245,236,.48);
  border-radius:999px;background:rgba(5,7,12,.42);color:var(--cream);font-family:"Space Mono",monospace;
  font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;
}
.clip-share:hover,.clip-share:focus-visible{background:var(--pink);border-color:var(--pink);color:#15030c}
.clip-share-fallback{
  position:relative;z-index:3;display:block;width:100%;min-height:44px;margin-top:.45rem;padding:.45rem .6rem;
  border:1px solid rgba(250,245,236,.26);background:rgba(5,7,12,.76);color:var(--cream);
  font-family:"Space Mono",monospace;font-size:.66rem;
}
@media(max-width:768px){.funny-lane-head{display:block}.funny-lane-head p{margin-top:.5rem}}

.jarvis-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1rem 0}
.jarvis-questions button{min-height:48px;padding:.55rem .75rem;border:1px solid rgba(237,184,71,.4);border-radius:.4rem;text-align:left;font-family:"Space Mono",monospace;font-size:.66rem;line-height:1.4;letter-spacing:.055em;color:var(--cream);background:rgba(237,184,71,.05)}
.jarvis-questions button:hover,.jarvis-questions button:focus-visible{background:rgba(237,184,71,.15);border-color:#edb847}
.jarvis-answer{min-height:4.5rem;margin:.7rem 0 1rem;padding:.85rem 1rem;border-left:3px solid var(--aqua);background:rgba(53,224,242,.06);color:rgba(250,245,236,.9);line-height:1.5}
@media(max-width:560px){.jarvis-questions{grid-template-columns:1fr}}
/* Aspect-aware card media (Pat 2026-08-18): set by bootCardImageFit when an
   image's shape is far from its card box — show the whole image on a dark
   plate instead of cropping away half the subject. */
img.fit-contain{object-fit:contain!important;background:#06080e}
/* Intel decks (Pat 2026-08-18): a card is a headline AND a first sentence — newspaper front page, not a phrase wall. */
.story-card .deck{font-size:.92rem;line-height:1.55;color:rgba(250,245,236,.68);margin:.5rem 0 0;max-width:60ch}

/* Actualités — Jarvis morning voice brief (AI voice, disclosed; no autoplay) */
.wr-voice{margin:18px 0 22px;padding:14px 16px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.04)}
.wr-voice-k{margin:0 0 4px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;display:flex;gap:10px;flex-wrap:wrap}
.wr-voice-p{margin:0 0 10px;font-size:.95rem;line-height:1.45}
.wr-voice-row{display:flex;align-items:center;gap:12px}
.wr-voice-btn{font:inherit;font-weight:700;padding:9px 16px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}
.wr-voice-btn[aria-pressed="true"]{background:currentColor}
.wr-voice-btn[aria-pressed="true"] span{color:#111}
.wr-voice-len{font-size:.85rem;opacity:.7}
/* Past-day access (Pat 2026-09-07): a compact date picker beside the Listen
   button, same pill language as the button, hidden when only one day exists. */
.wr-voice-day{font:inherit;font-size:.85rem;font-weight:600;padding:8px 12px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;max-width:15rem}
.wr-voice-day option{color:#111;background:#faf5ec}
.wr-voice-src{margin:9px 0 0;font-size:.72rem;letter-spacing:.05em;opacity:.6}

/* Phase 6 (2026-09-06): one freshness line per page, and the Trail's
   technical install folded behind a plain summary line. */
.page-updated{margin:.1rem 0 1.6rem;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.trail-plain{margin:1.6rem 0 .8rem;line-height:1.62}
.trail-details{margin:0 0 1.8rem;border:1px solid rgba(250,245,236,.16);border-radius:10px;padding:0 1rem}
.trail-details>summary{cursor:pointer;padding:.95rem .2rem;font-weight:800;line-height:1.45;min-height:48px;display:flex;align-items:center}
.trail-details>summary:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}
.trail-details[open]>summary{border-bottom:1px solid rgba(250,245,236,.16);margin-bottom:1rem}

/* ══ REVAMP 2026-09-29 · motion everywhere (Pat: "no still images, it's all movement")
   A door that has real footage plays it (in view, muted, via data-gb-video);
   a door that only has a still drifts slowly instead of sitting dead. */
.door video.rv-door-film{
  position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;display:block;
  opacity:.9;transition:transform .45s ease, opacity .25s ease;background:#07080A;
}
.door:hover video.rv-door-film,.door:focus-visible video.rv-door-film{transform:scale(1.04);opacity:1}
.rv-ken{animation:rvKen 16s ease-in-out infinite alternate;transform-origin:50% 45%}
@keyframes rvKen{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-2%,-1.5%,0)}}
@media (prefers-reduced-motion:reduce){.rv-ken{animation:none}}
/* phone drawer (revamp r3): the doors read as rooms, not as debug tags —
   the display face, sentence case, 44 px targets, one ember tick */
@media (max-width:1099.98px){
  html header.top .nav .nav-panel-link{
    font-family:var(--f-display)!important;font-size:.98rem!important;letter-spacing:-.01em!important;
    text-transform:none!important;font-weight:520!important;color:var(--gb-bone-soft)!important;
    min-height:44px!important;padding:.45rem .85rem .45rem 2.1rem!important;position:relative;
    display:flex!important;align-items:center;
  }
  html header.top .nav .nav-panel-link::before{
    content:"";position:absolute;left:1.05rem;top:50%;width:.55rem;height:1px;background:var(--gb-ember);opacity:.8;
  }
}
/* the station captions on a phone: the whole line, never a cut word */
@media (max-width:900px){
  html .room-radio .stations-pick .nf-tile.session em{
    display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important;white-space:normal!important;
  }
}
@media (max-width:1099.98px){
  html header.top .nav .nav-panel-link{justify-content:flex-start!important;text-align:left!important}
  html header.top .nav .nav-panel-link b{text-align:left!important;width:auto!important}
}
@media (max-width:1099.98px){
  html header.top .nav .nav-panel-link b{margin:0!important;flex:0 0 auto!important;padding:0!important;font-size:1rem!important}
  html header.top .nav .nav-panel-link{padding-left:2.4rem!important}
  html header.top .nav .nav-panel-link::before{left:1.2rem!important}
}
@media (max-width:1099.98px){
  html header.top .nav .nav-panel-link{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important}
}
/* ember buttons: near-black text for contrast on the orange (revamp r7) */
html .play.ember,html .gb-btn.ember{color:#07080A!important;font-weight:650!important}