:root {
  --ink: #090909;
  --ink-soft: #11100f;
  --ink-raised: #181614;
  --paper: #c8ad84;
  --paper-light: #e2d2b2;
  --paper-dark: #8f7350;
  --red: #e4372f;
  --red-dark: #7d1715;
  --cyan: #46e1e6;
  --magenta: #df2ab4;
  --muted: #8d8478;
  --line: rgba(226, 210, 178, .22);
  --display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;
  --mono: "Courier New", Courier, monospace;
  --ease: cubic-bezier(.22, .82, .23, 1);
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; }
html { background: var(--ink); }
body {
  margin: 0;
  overflow: hidden;
  color: var(--paper-light);
  background:
    radial-gradient(circle at 9% 20%, rgba(223, 42, 180, .045), transparent 20%),
    radial-gradient(circle at 92% 78%, rgba(70, 225, 230, .035), transparent 21%),
    var(--ink);
  font-family: var(--mono);
}

button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible + span {
  outline: 2px solid var(--cyan);
  outline-offset: 5px;
}

.noise, .scanlines {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 50;
}
.noise {
  opacity: .2;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}
.scanlines {
  opacity: .13;
  background: repeating-linear-gradient(to bottom, transparent 0 3px, rgba(255,255,255,.16) 4px);
  animation: drift 14s linear infinite;
}
@keyframes drift { to { transform: translateY(8px); } }

.deck-chrome {
  position: fixed;
  inset: 22px 38px auto 40px;
  z-index: 40;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: rgba(226,210,178,.52);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: .16em;
}
.deck-id { display: flex; gap: 22px; }
.utility-controls { display: flex; gap: 9px; }
.icon-button, .nav-button {
  appearance: none;
  border: 1px solid rgba(226,210,178,.28);
  background: rgba(9,9,9,.64);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: border-color .2s, color .2s, background .2s;
}
.icon-button { width: 34px; height: 34px; }
.icon-button:hover, .icon-button[aria-pressed="true"], .nav-button:hover { border-color: var(--red); color: var(--red); background: rgba(228,55,47,.08); }
.icon-button svg, .nav-button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.icon-button:first-child svg path:first-child { fill: currentColor; stroke: none; }
.icon-button:first-child .sound-wave { fill: none; stroke: currentColor; }
.icon-button[aria-pressed="false"] .sound-wave { opacity: .22; }

.deck { position: relative; width: 100%; height: 100%; }
.slide {
  position: absolute;
  inset: 0;
  min-height: 100svh;
  padding: clamp(72px, 9vh, 96px) clamp(90px, 8vw, 138px) clamp(78px, 10vh, 102px) clamp(64px, 5vw, 86px);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(2.5%,0,0) scale(.995);
  transition: opacity .52s var(--ease), transform .62s var(--ease), visibility .62s;
}
.slide::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(70,225,230,.08) 0 1px, transparent 1px calc(100% - 1px), rgba(223,42,180,.08) calc(100% - 1px));
  opacity: .35;
}
.slide.is-active { opacity: 1; visibility: visible; transform: translate3d(0,0,0) scale(1); z-index: 2; }
.slide.was-active { transform: translate3d(-2.5%,0,0) scale(.995); }

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { text-transform: uppercase; }
h1, h2 {
  font-family: var(--display);
  letter-spacing: .015em;
  line-height: .84;
  font-weight: 900;
}
h2 { margin-bottom: .34em; font-size: clamp(64px, 7vw, 112px); color: var(--paper-light); }
h2 em { color: var(--red); font-style: normal; }
.lead { color: var(--paper); font-size: clamp(15px, 1.24vw, 20px); line-height: 1.55; }
.red-statement { color: var(--red); text-transform: uppercase; font-family: var(--display); letter-spacing: .045em; font-size: clamp(22px, 2.2vw, 38px); line-height: 1.03; }

.signal-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 44px;
  min-width: 280px;
  padding: 18px 22px;
  border: 1px solid var(--red);
  background: rgba(12,12,12,.88);
  color: var(--red);
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: .1em;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(228,55,47,.18), 0 0 0 transparent;
  transition: box-shadow .24s, color .24s, background .24s, transform .24s;
}
.signal-button:hover { color: #ff665e; background: rgba(228,55,47,.08); box-shadow: 0 0 30px rgba(228,55,47,.18), inset 0 0 0 1px rgba(228,55,47,.3); transform: translateY(-2px); }
.signal-button span { font-size: 1.35em; }

.dossier {
  color: #211a14;
  background: linear-gradient(110deg, #b89568, #d0b487 52%, #aa885f);
  box-shadow: 0 24px 60px rgba(0,0,0,.46), inset 0 0 50px rgba(70,40,18,.15);
  border: 1px solid rgba(46,27,13,.62);
  transform: rotate(-1.7deg);
}
.dossier::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .22;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 130 130' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.34'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}
.stamp { color: #6d1714; text-transform: uppercase; letter-spacing: .09em; border-bottom: 1px solid rgba(109,23,20,.55); padding-bottom: 10px; font-size: 12px; }
.type-copy { font-weight: 700; line-height: 1.45; }

/* Slide 1 */
.slide-hero { padding: 0; background: #050505; }
.hero-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.25), transparent 66%), linear-gradient(0deg, rgba(0,0,0,.34), transparent 45%); }
.hero-copy { position: absolute; left: 6.4vw; top: 18.5vh; z-index: 2; }
.hero-copy h1 { margin: 0; color: var(--paper-light); font-size: clamp(104px, 13.4vw, 218px); text-shadow: 2px 0 rgba(70,225,230,.2), -2px 0 rgba(223,42,180,.17); }
.hero-subtitle { margin: 16px 0 0 8px; color: var(--red); text-transform: uppercase; font-family: var(--display); font-size: clamp(34px, 4.2vw, 68px); letter-spacing: .08em; }
.hero-dossier { position: absolute; z-index: 3; left: 27vw; bottom: 2vh; width: min(690px, 52vw); min-height: 225px; padding: 30px 42px 62px; }
.hero-dossier .type-copy { width: 72%; font-size: 14px; }
.hero-dossier .signal-button { position: absolute; bottom: 36px; right: 40px; min-width: 380px; }

/* Slide 2 */
.slide-show { background: linear-gradient(115deg, #090909, #0e0d0c); }
.split-heading { display: grid; grid-template-columns: .78fr 1.65fr; gap: clamp(28px, 4vw, 72px); align-items: center; height: 100%; }
.slide-show h2 { font-size: clamp(78px, 8.8vw, 142px); }
.slide-show .lead { max-width: 470px; }
.triptych-wrap { position: relative; padding: 16px 16px 78px; background: linear-gradient(120deg, rgba(168,130,83,.16), rgba(226,210,178,.06)); border: 1px solid rgba(226,210,178,.2); box-shadow: 0 26px 70px rgba(0,0,0,.44); }
.triptych { display: block; width: 100%; aspect-ratio: 3 / 1; object-fit: cover; filter: saturate(.86) contrast(1.04); }
.beat-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; }
.beat-tab { appearance: none; border: 0; border-right: 1px solid var(--line); padding: 13px 10px 8px; background: transparent; color: var(--paper); text-transform: uppercase; font-family: var(--display); letter-spacing: .04em; cursor: pointer; font-size: clamp(16px, 1.45vw, 24px); }
.beat-tab:last-child { border-right: 0; }
.beat-tab b { color: var(--red); margin-right: 6px; font-family: var(--mono); font-size: .6em; }
.beat-tab.is-selected { color: #fff3da; background: rgba(228,55,47,.07); }
.beat-note { position: absolute; bottom: 12px; left: 18px; right: 18px; margin: 0; text-align: center; color: var(--muted); font-size: 12px; }
.waveform { position: absolute; left: 6vw; bottom: 8vh; width: 34vw; height: 44px; display: flex; align-items: center; gap: 4px; }
.waveform::before { content: "Signal feed"; margin-right: 14px; color: var(--red); font-size: 10px; text-transform: uppercase; }
.waveform i { display: block; width: 2px; height: 18%; background: var(--red); animation: wave 1.1s ease-in-out infinite alternate; transform-origin: center; }
.waveform i:nth-child(3n) { animation-delay: .1s; }.waveform i:nth-child(4n) { animation-delay: .22s; }.waveform i:nth-child(5n) { animation-delay: .36s; }
@keyframes wave { to { height: 82%; opacity: .92; } }

/* Slide 3 */
.slide-premise { background: radial-gradient(circle at 80% 50%, rgba(228,55,47,.055), transparent 31%), #090909; }
.statement-lockup { max-width: 1050px; }
.statement-lockup h2 { font-size: clamp(72px, 8.2vw, 132px); }
.statement-lockup > p { width: min(670px, 66vw); color: var(--paper); font-size: clamp(16px, 1.42vw, 22px); line-height: 1.55; }
.format-lines { display: grid; grid-template-columns: repeat(3,1fr); gap: 38px; margin-top: 6vh; border-top: 1px solid var(--line); padding-top: 28px; }
.format-lines article { display: grid; grid-template-columns: 38px 1fr; column-gap: 12px; }
.format-lines span { color: var(--red); font-size: 11px; padding-top: 5px; }
.format-lines h3 { margin: 0 0 8px; font-family: var(--display); letter-spacing: .06em; font-size: clamp(22px, 2vw, 31px); }
.format-lines p { grid-column: 2; margin: 0; color: var(--muted); line-height: 1.45; font-size: 12px; }
.callin-console { position: absolute; right: 8vw; bottom: 11vh; width: 34vw; border-left: 2px solid var(--red); padding: 12px 0 12px 20px; }
.callin-console p { color: var(--paper-light); font-size: clamp(13px, 1.2vw, 18px); line-height: 1.45; }
.text-control, .text-link { border: 0; background: none; color: var(--red); text-transform: uppercase; letter-spacing: .08em; font-size: 11px; cursor: pointer; padding: 0; text-decoration: none; }
.text-control:hover, .text-link:hover { color: #ff675f; text-decoration: underline; text-underline-offset: 5px; }

/* Slide 4 */
.slide-host { background: linear-gradient(90deg, #0b0a09, #090909 58%); }
.host-intro { width: 35vw; }
.host-intro h2 { font-size: clamp(82px, 9vw, 142px); }
.host-intro > p { width: 85%; color: var(--paper); line-height: 1.55; font-size: 14px; }
.balance { position: absolute; left: 41vw; right: 10vw; top: 20vh; height: 47vh; }
.balance-beam { position: absolute; left: 5%; right: 5%; top: 42%; height: 8px; background: #732725; transform: rotate(-1.8deg); box-shadow: 0 4px 0 #35100f; }
.balance-beam::before { content:""; position:absolute; left:48%; top:4px; width:0; height:0; border-left:60px solid transparent; border-right:60px solid transparent; border-bottom:165px solid #61302a; transform: translate(-50%,0); filter: drop-shadow(0 8px 0 #25120f); }
.balance-beam span { position:absolute; inset:auto 4% 25px 4%; border-top:1px solid rgba(226,210,178,.18); }
.balance-side { position: absolute; top: 0; width: 39%; min-height: 150px; padding: 24px; background: #c7ad83; color: #251d15; box-shadow: 0 16px 36px rgba(0,0,0,.4); }
.balance-side::after { content:""; position:absolute; width:2px; height:95px; top:100%; left:50%; background:#811d1a; transform-origin: top; }
.gonzo-side { left: 0; transform: rotate(-1deg); }.gonzo-side::after { transform: rotate(9deg); }
.agent-side { right: 0; transform: rotate(1.3deg); }.agent-side::after { transform: rotate(-7deg); }
.balance-side strong { display:block; text-transform:uppercase; font-family:var(--display); font-size:clamp(24px,2.4vw,38px); letter-spacing:.04em; }
.balance-side small { display:block; margin-top:14px; line-height:1.4; }
.case-label { margin-bottom:8px; color:#7a1715; text-transform:uppercase; font-size:10px; letter-spacing:.11em; }
.agent-selector { position:absolute; left:41vw; right:10vw; bottom:11vh; display:flex; flex-wrap:wrap; gap:8px; }
.agent-selector button, .taxonomy-tabs button, .sample-buttons button { appearance:none; border:1px solid rgba(226,210,178,.23); background:transparent; color:var(--muted); padding:10px 13px; cursor:pointer; text-transform:uppercase; letter-spacing:.07em; font-size:10px; transition:.2s; }
.agent-selector button:hover, .agent-selector button.is-selected, .taxonomy-tabs button:hover, .taxonomy-tabs button.is-selected, .sample-buttons button:hover, .sample-buttons button.is-selected { border-color:var(--red); color:var(--paper-light); background:rgba(228,55,47,.07); }

/* Slide 5 */
.slide-wheel { display:grid; grid-template-columns:.76fr 1fr .72fr; align-items:center; gap:clamp(28px,4vw,68px); }
.wheel-copy h2 { font-size:clamp(70px,7.4vw,118px); }
.wheel-copy > p { color:var(--paper); max-width:460px; line-height:1.5; }
.segment-readout { margin-top:5vh; border-left:2px solid var(--red); padding:0 0 0 20px; }
.segment-readout strong { display:block; color:var(--red); font-family:var(--display); font-size:36px; }
.segment-readout span { display:block; text-transform:uppercase; font-family:var(--display); letter-spacing:.05em; font-size:22px; }
.segment-readout p { margin:10px 0 0; color:var(--muted); font-size:11px; line-height:1.45; }
.format-wheel { position:relative; width:min(34vw,500px); aspect-ratio:1; border-radius:50%; background:conic-gradient(#314e46 0 15.4%, #8a312d 15.4% 17.9%, #2e3534 17.9% 33.3%, #547761 33.3% 35.9%, #2e3534 35.9% 41%, #8a312d 41% 43.6%, #33453f 43.6% 48.7%, #8a312d 48.7% 74.3%, #384b45 74.3% 79.5%, #8a312d 79.5% 94.9%, #405c4f 94.9% 100%); border:10px solid #8f7a5b; box-shadow:0 0 0 8px #29241e,0 18px 60px rgba(0,0,0,.5),inset 0 0 50px rgba(0,0,0,.55); transition:transform .8s var(--ease); }
.format-wheel::before { content:""; position:absolute; inset:10%; border:1px solid rgba(226,210,178,.35); border-radius:50%; }
.format-wheel::after { content:""; position:absolute; left:50%; top:-19px; width:3px; height:44px; background:var(--red); box-shadow:0 0 10px var(--red); }
.wheel-center { position:absolute; inset:31%; border-radius:50%; display:grid; place-items:center; align-content:center; background:#11100f; border:4px solid #8f7a5b; box-shadow:0 8px 24px rgba(0,0,0,.55); text-transform:uppercase; }
.wheel-center span,.wheel-center small { font-size:9px; letter-spacing:.13em; color:var(--muted); }.wheel-center b { color:var(--paper-light); font-family:var(--display); font-size:46px; }
.segment-list { display:grid; gap:8px; max-height:62vh; overflow:auto; padding-right:10px; scrollbar-color:var(--red) transparent; }
.segment-list button { appearance:none; border:0; border-bottom:1px solid var(--line); background:transparent; color:var(--muted); display:grid; grid-template-columns:44px 1fr; gap:10px; text-align:left; padding:9px 0; cursor:pointer; font-size:10px; text-transform:uppercase; }
.segment-list button span { color:var(--red); }.segment-list button:hover,.segment-list button.is-selected { color:var(--paper-light); border-bottom-color:var(--red); }

/* Slide 6 */
.slide-grid { background:linear-gradient(130deg,#090909,#0e0d0c); }
.grid-copy { width:52vw; position:relative; z-index:2; }
.grid-copy h2 { font-size:clamp(64px,6.7vw,108px); }
.grid-copy p { max-width:720px; color:var(--paper); line-height:1.45; }
.map-field { position:absolute; left:36vw; right:9vw; top:24vh; bottom:11vh; border:1px solid var(--line); background-color:#11100f; background-image:radial-gradient(rgba(226,210,178,.16) 1px,transparent 1px); background-size:22px 22px; overflow:hidden; }
.map-field::before { content:""; position:absolute; inset:12% 8%; background:linear-gradient(25deg,transparent 48%,rgba(200,173,132,.11) 49% 51%,transparent 52%),linear-gradient(140deg,transparent 45%,rgba(200,173,132,.08) 46% 47%,transparent 48%); filter:blur(.3px); }
.string-map { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:#7f1b18; stroke-width:2; opacity:.7; }
.map-pin { position:absolute; z-index:2; appearance:none; border:0; background:#c4aa80; color:#241c14; padding:8px 10px 8px 29px; text-transform:uppercase; font-size:9px; box-shadow:0 6px 18px rgba(0,0,0,.38); cursor:pointer; }
.map-pin span { position:absolute; left:10px; top:50%; width:9px; height:9px; border-radius:50%; background:#711714; transform:translateY(-50%); box-shadow:0 0 0 4px rgba(113,23,20,.18); }
.map-pin:hover,.map-pin.is-selected { background:var(--paper-light); }.pin-1{left:10%;top:23%}.pin-2{right:7%;bottom:23%}.pin-3{left:27%;bottom:12%}.pin-4{right:23%;top:10%}
.location-note { position:absolute; right:5%; top:30%; width:43%; padding:22px; background:#cfb184; color:#241c14; transform:rotate(1deg); z-index:3; box-shadow:0 14px 32px rgba(0,0,0,.42); }
.location-note span { color:#7a1715; text-transform:uppercase; font-size:9px; letter-spacing:.1em; }.location-note strong { display:block; margin:10px 0; font-family:var(--display); font-size:25px; text-transform:uppercase; }.location-note p { margin:0; font-size:11px; line-height:1.45; }

/* Slide 7 */
.slide-taxonomy { background:radial-gradient(circle at 54% 55%,rgba(200,173,132,.05),transparent 36%),#090909; }
.taxonomy-heading { width:68vw; }
.taxonomy-heading h2 { font-size:clamp(66px,7vw,112px); }
.taxonomy-heading p { color:var(--paper); }
.taxonomy-tabs { position:absolute; left:6vw; bottom:12vh; width:24vw; display:grid; gap:8px; }
.taxonomy-tabs button { text-align:left; }
.taxonomy-axis { position:absolute; left:37vw; right:10vw; top:31vh; bottom:12vh; border:1px solid var(--line); }
.taxonomy-axis::before,.taxonomy-axis::after { content:""; position:absolute; background:rgba(226,210,178,.2); }.taxonomy-axis::before{left:50%;top:0;bottom:0;width:1px}.taxonomy-axis::after{top:50%;left:0;right:0;height:1px}
.taxonomy-axis span { position:absolute; padding:4px 8px; background:var(--ink); color:var(--muted); text-transform:uppercase; font-size:9px; letter-spacing:.1em; }.axis-y.top{top:-10px;left:50%;transform:translateX(-50%)}.axis-y.bottom{bottom:-10px;left:50%;transform:translateX(-50%)}.axis-x.left{left:-8px;top:50%;transform:translate(-100%,-50%)}.axis-x.right{right:-8px;top:50%;transform:translate(100%,-50%)}
.episode-sheet { position:absolute; left:43vw; top:35vh; width:min(49vw,730px); min-height:36vh; padding:32px 38px; background:linear-gradient(115deg,#c6aa7e,#ddc7a2); color:#211b15; transform:rotate(-.6deg); box-shadow:0 20px 50px rgba(0,0,0,.44); }
.episode-sheet h3 { margin:0 0 20px; color:#751916; font-family:var(--display); font-size:32px; letter-spacing:.05em; }
.episode-sheet ul { list-style:none; padding:0; margin:0; columns:2; column-gap:34px; }
.episode-sheet li { break-inside:avoid; padding:8px 0; border-bottom:1px solid rgba(35,25,15,.22); font-weight:700; font-size:12px; line-height:1.35; }

/* Slide 8 */
.slide-samples { display:grid; grid-template-columns:.82fr 1.28fr; gap:8vw; align-items:center; }
.samples-copy h2 { font-size:clamp(72px,8vw,128px); }
.samples-copy > p { color:var(--paper); line-height:1.5; max-width:520px; }
.sample-buttons { display:flex; flex-wrap:wrap; gap:7px; margin-top:4vh; }
.script-page { position:relative; min-height:62vh; padding:48px 52px; color:#1d1813; background:linear-gradient(110deg,#d7c095,#ead9b8); box-shadow:0 28px 80px rgba(0,0,0,.5); transform:rotate(.8deg); }
.script-page::before { content:""; position:absolute; left:38px; top:-14px; width:140px; height:30px; background:rgba(208,194,156,.78); transform:rotate(-4deg); }
.script-slug { font-weight:700; letter-spacing:.03em; border-bottom:1px solid rgba(35,24,15,.35); padding-bottom:15px; }
.script-page .speaker { margin:25px 0 5px 30%; text-transform:uppercase; font-weight:700; }.script-page .dialogue { width:62%; margin:0 auto 15px; line-height:1.45; font-size:13px; }
.paper-note { position:absolute; right:-18px; bottom:38px; width:250px; padding:19px; color:#721916; background:#b59a70; box-shadow:0 10px 22px rgba(0,0,0,.25); transform:rotate(-4deg); font-weight:700; text-align:center; }

/* Slide 9 */
.slide-trailer { display:grid; grid-template-columns:1.4fr .8fr; gap:6vw; align-items:center; }
.trailer-frame { position:relative; padding:14px; border:1px solid var(--line); background:#13110f; box-shadow:0 24px 70px rgba(0,0,0,.5); }
.trailer-player { display:block; width:100%; aspect-ratio:16/9; border:0; background:#050505 url("assets/trailer-poster.webp") center/cover no-repeat; }
.trailer-frame::after { content:""; position:absolute; inset:14px; border:1px solid rgba(70,225,230,.22); box-shadow:inset 0 0 40px rgba(223,42,180,.1); pointer-events:none; }
.trailer-copy h2 { font-size:clamp(70px,7vw,112px); }
.trailer-copy > p { color:var(--paper); line-height:1.5; }
.production-advantages { margin-top:5vh; border-top:1px solid var(--line); }.production-advantages p{display:grid;grid-template-columns:120px 1fr;gap:15px;margin:0;padding:15px 0;border-bottom:1px solid var(--line);font-size:11px}.production-advantages b{color:var(--red);text-transform:uppercase}.production-advantages span{color:var(--muted);line-height:1.35}

/* Slide 10 */
.slide-engine { padding-top:7vh; }
.engine-heading { width:44vw; position:relative; z-index:2; }.engine-heading h2{font-size:clamp(62px,6.6vw,106px);margin-bottom:10px}.engine-heading .red-statement{margin:0}
.engine-stage { position:absolute; left:34vw; right:8vw; top:20vh; aspect-ratio:1.75; }
.engine-frame { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; z-index:2; }
.reel { position:absolute; top:33%; height:36%; display:grid; place-content:center; text-align:center; color:#211b15; background:linear-gradient(#d6c4a5,#eadbbf 45%,#c6ae87); box-shadow:inset 0 8px 26px rgba(48,30,15,.33),inset 0 -8px 26px rgba(48,30,15,.28); z-index:1; overflow:hidden; }
.reel::after { content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(30,20,10,.06) 6px); }
.reel-location{left:14%;width:21.7%}.reel-conspiracy{left:38.3%;width:21.4%}.reel-agent{left:62.5%;width:22.7%}
.reel-label { position:absolute; top:13px; left:0; right:0; color:#751916; text-transform:uppercase; letter-spacing:.08em; font-size:8px; }
.reel strong { position:relative; z-index:1; text-transform:uppercase; font-family:var(--display); font-size:clamp(19px,2vw,33px); line-height:1.05; letter-spacing:.04em; transition:transform .5s var(--ease),filter .5s; }
.reel-location strong,.reel-agent strong { font-size:clamp(17px,1.75vw,28px); }
.reel.is-spinning strong { transform:translateY(140%); filter:blur(5px); }
.reel-locks { position:absolute; z-index:3; left:14%; right:14%; top:75%; display:grid; grid-template-columns:repeat(3,1fr); gap:4%; }
.reel-locks label { display:flex; justify-content:center; cursor:pointer; color:#211b15; text-transform:uppercase; font-size:7px; letter-spacing:.08em; }.reel-locks input{position:absolute;opacity:0}.reel-locks span::before{content:"○";margin-right:5px;color:#701816;font-size:12px;vertical-align:-1px}.reel-locks input:checked + span::before{content:"●"}
.engine-spin { position:absolute; left:44vw; bottom:15vh; min-width:360px; }
.engine-result { position:absolute; left:6vw; bottom:14vh; width:34vw; padding:20px 24px; background:linear-gradient(110deg,#c0a478,#dbc59e); color:#201a14; box-shadow:0 15px 36px rgba(0,0,0,.44); transform:rotate(-.8deg); }
.engine-result span { color:#791916;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.engine-result p{margin:10px 0 0;font-size:11px;line-height:1.45;font-weight:700}

/* Slide 11 */
.slide-close { background:radial-gradient(circle at 78% 25%,rgba(228,55,47,.16),transparent 22%),#080808; }
.close-signal { position:absolute; right:10vw; top:13vh; width:270px; height:115px; display:grid; place-items:center; background:#4a0d0b; border:12px solid #211815; box-shadow:0 0 65px rgba(228,55,47,.24),inset 0 0 35px rgba(255,68,55,.5); transform:rotate(1deg); }
.close-signal span { color:#ff6d62;text-transform:uppercase;font-family:var(--display);font-size:58px;letter-spacing:.06em;text-shadow:0 0 12px #e4372f;animation:pulse 2s ease-in-out infinite; }
@keyframes pulse{50%{opacity:.72}}
.close-copy { position:absolute; left:7vw; top:20vh; }.close-copy h2{font-size:clamp(100px,12vw,194px)}.close-copy>p{font-size:clamp(16px,1.4vw,22px);color:var(--paper);max-width:600px}.close-actions{display:flex;align-items:center;gap:28px;margin-top:5vh}
.close-dossier { position:absolute; right:11vw; bottom:12vh; width:360px; padding:28px; }.close-dossier .type-copy{margin:0;text-transform:uppercase}

/* Persistent navigation */
.progress-rail { position:fixed; z-index:40; right:33px; top:13vh; bottom:10vh; width:28px; display:grid; grid-template-rows:auto 1fr auto; justify-items:center; color:var(--muted); font-size:10px; }
.current-slide { color:var(--red); font-size:13px; }
.rail-line { position:relative; width:1px; margin:14px 0; background:rgba(226,210,178,.3); display:flex; flex-direction:column; justify-content:space-between; }
.rail-dot { appearance:none; position:relative; left:50%; transform:translateX(-50%); width:11px; height:11px; padding:0; border-radius:50%; border:1px solid var(--muted); background:var(--ink); cursor:pointer; transition:.2s; }
.rail-dot:hover,.rail-dot.is-selected { border-color:var(--red); box-shadow:0 0 0 3px rgba(228,55,47,.15); }.rail-dot.is-selected{background:var(--red)}
.deck-nav { position:fixed; z-index:40; left:40px; right:72px; bottom:24px; display:flex; justify-content:space-between; align-items:center; }
.section-label { color:rgba(226,210,178,.44); text-transform:uppercase; letter-spacing:.13em; font-size:9px; }
.nav-buttons { display:flex; gap:8px; }.nav-button{width:38px;height:38px}.nav-button:disabled{opacity:.22;cursor:not-allowed}
.keyboard-hint { position:fixed; z-index:40; left:50%; bottom:29px; transform:translateX(-50%); color:rgba(226,210,178,.28); text-transform:uppercase; font-size:8px; letter-spacing:.08em; transition:opacity .5s; }.keyboard-hint span{color:rgba(226,210,178,.6);margin-left:11px}.keyboard-hint span:first-child{margin-left:0}

@media (max-width: 980px) {
  .slide { padding-left:42px; padding-right:70px; }
  .hero-dossier { left:10vw; width:70vw; }.hero-copy{left:7vw}.split-heading,.slide-trailer,.slide-samples{grid-template-columns:1fr;align-content:center}.split-heading{gap:18px}.slide-show h2{font-size:72px}.slide-show .lead{display:none}.waveform{display:none}.triptych-wrap{padding-bottom:72px}.statement-lockup h2{font-size:76px}.format-lines{gap:16px}.callin-console{display:none}.host-intro{width:42vw}.balance{left:46vw;right:9vw}.agent-selector{left:46vw}.slide-wheel{grid-template-columns:.8fr 1fr}.segment-list{display:none}.format-wheel{width:42vw}.map-field{left:30vw}.grid-copy{width:70vw}.taxonomy-tabs{width:29vw}.taxonomy-axis{left:42vw}.episode-sheet{left:47vw;width:44vw}.script-page{min-height:50vh}.trailer-frame{width:70vw}.trailer-copy{display:grid;grid-template-columns:1fr 1fr;gap:25px}.trailer-copy h2{font-size:72px}.production-advantages{margin-top:0}.engine-heading{width:55vw}.engine-stage{left:25vw;right:5vw;top:28vh}.engine-spin{left:46vw}.close-copy h2{font-size:118px}
}

@media (max-width: 680px) {
  body { overflow:hidden; }.deck-chrome{inset:14px 18px auto 18px}.deck-id span:last-child,.keyboard-hint,.progress-rail{display:none}.slide{padding:62px 24px 78px;overflow-y:auto}.deck-nav{left:18px;right:18px;bottom:14px}.hero-copy{top:15vh}.hero-copy h1{font-size:25vw}.hero-subtitle{font-size:9vw}.hero-backdrop{object-position:63% center;opacity:.74}.hero-dossier{left:6vw;right:6vw;width:auto;bottom:7vh;min-height:230px;padding:25px}.hero-dossier .type-copy{width:100%;font-size:11px}.hero-dossier .signal-button{position:static;margin-top:20px;min-width:100%}.split-heading,.slide-trailer,.slide-samples{display:block}.slide-show h2,.statement-lockup h2,.host-intro h2,.wheel-copy h2,.grid-copy h2,.taxonomy-heading h2,.samples-copy h2,.trailer-copy h2,.engine-heading h2{font-size:17vw}.triptych-wrap{margin-top:18px}.format-lines{grid-template-columns:1fr;gap:14px;margin-top:25px}.format-lines article{padding-bottom:10px}.statement-lockup>p{width:auto}.host-intro{width:auto}.host-intro>p{width:auto}.balance{position:relative;left:auto;right:auto;top:auto;height:310px;margin-top:22px}.balance-side{width:44%;padding:14px}.balance-side strong{font-size:20px}.balance-side small{font-size:9px}.agent-selector{position:relative;left:auto;right:auto;bottom:auto;margin-top:15px}.slide-wheel{display:block}.format-wheel{width:72vw;margin:24px auto}.segment-readout{margin-top:20px}.map-field{position:relative;left:auto;right:auto;top:auto;bottom:auto;height:52vh;margin-top:25px}.grid-copy{width:auto}.location-note{width:58%}.taxonomy-heading{width:auto}.taxonomy-tabs{position:relative;left:auto;bottom:auto;width:auto;grid-template-columns:1fr 1fr;margin-top:20px}.taxonomy-axis{display:none}.episode-sheet{position:relative;left:auto;top:auto;width:auto;min-height:40vh;margin-top:18px;padding:26px}.episode-sheet ul{columns:1}.sample-buttons{margin-bottom:25px}.script-page{min-height:54vh;padding:34px 28px}.paper-note{position:relative;right:auto;bottom:auto;width:auto;margin-top:24px}.trailer-frame{width:auto;margin-top:10vh}.trailer-copy{display:block}.production-advantages{margin-top:22px}.engine-heading{width:auto}.engine-stage{position:relative;left:auto;right:auto;top:auto;width:100%;margin-top:24px}.reel-label{display:none}.reel strong{font-size:2.75vw}.reel-locks{display:none}.engine-spin{position:relative;left:auto;bottom:auto;min-width:100%;margin-top:10px}.engine-result{position:relative;left:auto;bottom:auto;width:auto;margin-top:18px}.close-signal{right:7vw;top:11vh;width:180px;height:78px}.close-signal span{font-size:38px}.close-copy{left:7vw;right:7vw;top:29vh}.close-copy h2{font-size:17vw}.close-actions{align-items:flex-start;flex-direction:column}.close-dossier{right:8vw;bottom:9vh;width:55vw}.icon-button{width:32px;height:32px}
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; }
  .slide { transition-duration:.001ms; }
}