body{margin:0;background:#0A0B0B;color:#EDEDEA;font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}a:hover{color:inherit;opacity:.85}
p,li{text-wrap:pretty}
h1,h2,h3,.bal{text-wrap:balance}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.disp{font-family:'Urbanist',sans-serif}
.pg{position:relative;width:100%;overflow:clip;box-sizing:border-box}
.dark{background:#0A0B0B;color:#EDEDEA}
.mid{background:#131515;color:#EDEDEA}
.light{background:#E7E7E3;color:#111212}
.fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.slot{position:absolute;inset:0;overflow:hidden;background:#0d0e0f}
.frame{position:relative;overflow:hidden;border-radius:4px;min-height:0}
.mlab{position:absolute;left:12px;bottom:10px;font-size:9px;letter-spacing:.16em;color:#ffffff;mix-blend-mode:difference;z-index:3;pointer-events:none}
.ph{position:absolute;inset:0;background:radial-gradient(90% 80% at 30% 40%,#2c3b46 0%,#131b22 45%,#07090b 100%)}
.ph-cross{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.4)}
.ph-cap{position:absolute;left:50%;top:calc(50% + 28px);transform:translateX(-50%);font-size:10px;color:rgba(255,255,255,.5)}
.brk{position:absolute;width:14px;height:14px;border-style:solid;border-width:0;pointer-events:none;z-index:6}
.brk.tl{border-top-width:1px;border-left-width:1px}.brk.tr{border-top-width:1px;border-right-width:1px}
.brk.bl{border-bottom-width:1px;border-left-width:1px}.brk.br{border-bottom-width:1px;border-right-width:1px}
.lab{display:flex;gap:18px;align-items:center;font-size:11px}
.body{margin:0;font-size:17px;line-height:1.62;font-weight:400}
.dark .body,.mid .body{color:rgba(237,237,234,.78)}
.light .body{color:rgba(17,18,18,.74)}
.lead{margin:0;font-family:'Urbanist',sans-serif;font-weight:400;letter-spacing:-.022em;line-height:1.06}
.scrim{position:absolute;inset:0;z-index:2;pointer-events:none}
.dl{display:grid;grid-template-columns:118px minmax(0,1fr);column-gap:20px;padding:13px 0;border-top:1px solid rgba(255,255,255,.12)}
.light .dl{border-top-color:rgba(17,18,18,.14)}
.who{font-size:10px;padding-top:7px;color:rgba(237,237,234,.5)}
.light .who{color:rgba(17,18,18,.5)}
.paren{text-transform:none;letter-spacing:.02em}
.line{font-family:'Urbanist',sans-serif;font-size:22px;line-height:1.24;font-weight:400;font-style:italic;letter-spacing:-.01em}
.dl-vo .line{font-style:normal;font-weight:300}
.dl-super .line{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:13px;letter-spacing:.18em;text-transform:uppercase;padding-top:5px}
.dl-sfx .line{font-family:'JetBrains Mono',monospace;font-style:normal;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding-top:6px;opacity:.75}
.tl{display:flex;flex-direction:column;gap:8px}
.tl-bar{position:relative;height:7px;border-bottom:1px solid rgba(255,255,255,.25)}
.light .tl-bar{border-bottom-color:rgba(17,18,18,.25)}
.tk{position:absolute;bottom:0;width:1px;height:7px;background:rgba(255,255,255,.35)}
.light .tk{background:rgba(17,18,18,.35)}
.tl-seg{position:absolute;bottom:-1px;height:3px;background:#ffffff}
.light .tl-seg{background:#111212}
.tl-lab{display:flex;justify-content:space-between;font-size:9px;opacity:.55}
.hud{position:fixed;inset:0;pointer-events:none;z-index:50;mix-blend-mode:difference;color:#fff;transition:opacity .6s}
.vr{position:absolute;writing-mode:vertical-rl;font-size:10px}
.vl{position:absolute;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px}
.hud-link{pointer-events:auto;display:flex;align-items:center;gap:10px;font-size:10px;padding:12px 14px;margin:-12px -14px}
.hud-link:hover .hl-ico{transform:scale(1.25)}
.hl-ico{display:inline-block;width:11px;height:11px;transition:transform .3s}
.grainwrap{position:fixed;inset:-50%;pointer-events:none;z-index:60;animation:grain .9s steps(5) infinite;mix-blend-mode:overlay}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes breathe{0%{transform:translate(-8%,-4%) scale(1)}100%{transform:translate(8%,6%) scale(1.15)}}
@keyframes blink{50%{opacity:0}}
.rec{display:inline-block;width:6px;height:6px;border-radius:50%;background:#FF4A2A;animation:blink 1.2s steps(1) infinite}
.cue{display:block;width:1px;height:44px;background:rgba(255,255,255,.8);animation:cue 2.2s cubic-bezier(.7,0,.2,1) infinite}
.tex{position:absolute;inset:-20%;background:radial-gradient(40% 40% at 30% 30%,rgba(120,150,150,.10),rgba(0,0,0,0) 70%),radial-gradient(35% 35% at 75% 70%,rgba(160,130,90,.08),rgba(0,0,0,0) 70%);animation:breathe 18s ease-in-out infinite alternate;pointer-events:none}
.reveal{opacity:0;transform:translateY(26px);transition:opacity 1.1s cubic-bezier(.2,.7,.1,1),transform 1.1s cubic-bezier(.2,.7,.1,1)}
.reveal.on{opacity:1;transform:none}
.d1{transition-delay:.12s}.d2{transition-delay:.24s}.d3{transition-delay:.36s}.d4{transition-delay:.48s}
.wipe{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s cubic-bezier(.7,0,.2,1)}
.wipe.on{clip-path:inset(0 0 0% 0)}
.ch{white-space:pre-wrap;transition:opacity .25s linear}
.idxrow{display:grid;grid-template-columns:70px minmax(0,1.4fr) minmax(0,1.5fr) 110px 80px;align-items:center;column-gap:24px;padding:22px 0;border-top:1px solid rgba(255,255,255,.14);transition:padding .5s cubic-bezier(.2,.7,.1,1),background .5s}
.idxrow:hover{padding-left:18px;background:rgba(255,255,255,.035)}
.idxrow:hover .arr{transform:translateX(6px);opacity:1}
.arr{opacity:.45;transition:transform .5s,opacity .5s}
.hair{height:1px;background:currentColor;opacity:.2}
.num-xl{font-family:'Urbanist',sans-serif;font-weight:300;letter-spacing:-.04em;line-height:.8}
.smap{display:grid;grid-template-columns:60px minmax(0,1.1fr) 28px minmax(0,1fr) 70px minmax(0,1.5fr);column-gap:18px;align-items:baseline;padding:15px 0;border-top:1px solid rgba(255,255,255,.12)}
.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:2px;font-size:10px}
.light .chip{border-color:rgba(17,18,18,.28)}

@media (max-width: 1180px){
.pad{padding-left:48px!important;padding-right:48px!important}
.edge{left:48px!important;right:48px!important}
}
@media (max-width: 900px){
.pg:not(.anim){height:auto!important}
.pad{padding:88px 22px 56px!important;height:auto!important}
.g12,.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;row-gap:28px!important;height:auto!important}
.g12>*,.g2>*,.g3>*,.g4>*{grid-column:auto!important;grid-row:auto!important}
.frame{height:auto!important;flex-grow:0!important;aspect-ratio:16/9;width:100%}
.mfr{aspect-ratio:4/5;min-height:0}
.urow{height:auto!important}
.panel{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;padding:104px 22px 64px!important;min-height:inherit}
.edge{left:22px!important;right:22px!important}
.t-xl{font-size:clamp(46px,14vw,110px)!important;white-space:normal!important;letter-spacing:-.03em}
.t-anim{font-size:clamp(40px,11vw,80px)!important}
.lead{font-size:clamp(30px,8.4vw,46px)!important}
.rule,.brk,.hide-m,.idxhead{display:none!important}
.sticky-col{position:relative!important;top:auto!important;height:auto!important;padding:96px 0 12px!important}
.body{font-size:16px}
.dl{grid-template-columns:minmax(0,1fr);row-gap:4px}
.who{padding-top:0}
.line{font-size:20px}
.idxrow{grid-template-columns:40px minmax(0,1fr) 64px!important;padding:18px 0}
.idxrow>*:nth-child(3),.idxrow>*:nth-child(4){display:none}
.smap{grid-template-columns:30px minmax(0,1fr) 16px minmax(0,1fr)!important;row-gap:6px}
.smap>*:nth-child(5){display:none}
.smap>*:nth-child(6){grid-column:2/-1}
.hud .vl,.hud .vr{display:none}
.hud-l{left:22px!important;top:18px!important}
.hud-r{right:22px!important;top:22px!important}
.lab{font-size:10px}
.chip{font-size:9px}
}
@media (min-width: 600px) and (max-width: 900px){
.pad{padding:104px 48px 72px!important}
.panel{padding:120px 48px 80px!important}
.edge{left:48px!important;right:48px!important}
.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:20px!important}
.hud-l{left:48px!important}.hud-r{right:48px!important}
}
