@font-face{font-family:Archivo;src:url('./archivo-sk.woff2') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Jet;src:url('./jetbrains-mono-sk.woff2') format('woff2');font-weight:400 800;font-display:swap}
:root{color-scheme:dark;--black:#0e0e0c;--paper:#f4f1ea;--lime:#d6ff3e;--muted:#a09f91;--line:#ffffff24}*{box-sizing:border-box}body{background:var(--black);color:var(--paper);margin:0;font-family:Archivo,Arial,sans-serif;overflow-x:clip}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button:disabled{cursor:default}header{height:94px;max-width:1512px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:33px;font-weight:800;letter-spacing:-2.4px;display:flex;align-items:center;gap:10px}.logo i{display:inline-block;width:16px;height:16px;background:var(--lime);transform:rotate(-15deg)}.top-label,.mono{font:11px/1.6 Jet,monospace;letter-spacing:1.4px;text-transform:uppercase}.top-label{color:var(--muted)}.top-right{display:flex;gap:30px;align-items:center}.top-right a{font-size:13px}.arrow{color:var(--lime)}main{max-width:1512px;margin:auto}.hero{position:relative;padding:55px 5vw 0;min-height:850px}.kicker{display:flex;align-items:center;gap:12px;color:var(--lime);font:11px Jet,monospace;letter-spacing:1.5px;text-transform:uppercase}.kicker:before{content:'';height:6px;width:6px;background:var(--lime);box-shadow:0 0 18px #d6ff3e77}h1{font-size:clamp(68px,8.6vw,130px);font-stretch:115%;font-weight:800;line-height:.98;letter-spacing:-.07em;margin:27px 0 22px;position:relative;z-index:2;pointer-events:none;max-width:900px}h1 .outline{color:transparent;-webkit-text-stroke:1px #f4f1ea90}h1 .accent{color:var(--lime)}.intro{font-size:17px;line-height:1.7;color:#b0afa2;max-width:340px;position:relative;z-index:2}.intro strong{color:var(--paper);font-weight:500}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a,.hero-copy button{pointer-events:auto}.primary{border:0;background:var(--lime);color:var(--black);padding:16px 23px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:30px}.hero-cta{margin-top:19px}.stage{position:absolute;right:0;top:112px;width:76%;height:630px;z-index:1}.stage canvas{width:100%;height:100%;display:block}.scene-meta{position:absolute;right:6.5%;top:29px;font:10px/1.8 Jet,monospace;color:#88897a;letter-spacing:1px;display:flex;flex-direction:column}.scene-meta b{color:var(--lime);font-weight:400}.coordinate{display:none;position:absolute;bottom:32px;right:7%;font:9px Jet,monospace;color:#737469;letter-spacing:1px}.scene-badge{position:absolute;right:8%;top:118px;border:1px solid #d6ff3e55;padding:8px 12px;background:#14160fbf;backdrop-filter:blur(10px);font:10px Jet,monospace;color:var(--lime)}.caption-card{position:absolute;right:4%;top:320px;max-width:230px;border-left:2px solid var(--lime);padding:2px 0 2px 15px}.caption-card small{font:9px Jet,monospace;letter-spacing:1px;color:var(--muted);display:block}.caption-card p{font-size:14px;line-height:1.5;margin:7px 0;color:#deddd1}.scene-caption{display:none;position:absolute;left:26%;bottom:14px;color:#777a6d;font:9px Jet,monospace;letter-spacing:1px}.storyline{position:relative;z-index:3;margin-top:96px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px;border-top:1px solid var(--line);padding-top:20px}.story-step{display:grid;grid-template-columns:30px 1fr;gap:10px;opacity:.45;transition:opacity .3s}.story-step.active{opacity:1}.story-step .num{font:11px Jet,monospace;color:var(--lime);padding-top:3px}.story-step h2{font-size:16px;margin:0 0 7px;font-weight:600}.story-step p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:265px}.scrub-wrap{position:relative;z-index:3;display:flex;align-items:center;gap:18px;padding:24px 0 15px}.scrub-wrap label,.scrub-wrap output{font:9px Jet,monospace;letter-spacing:1px;white-space:nowrap;color:var(--muted)}.scrub-wrap output{color:var(--lime)}input[type=range]{width:100%;height:2px;accent-color:var(--lime);cursor:ew-resize}.play-toggle{color:var(--paper);background:transparent;border:1px solid var(--line);width:32px;height:32px;flex:0 0 32px}.section{padding:62px 5vw 75px;border-top:1px solid var(--line);margin-top:26px}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.section-head h2{font-size:clamp(30px,4vw,53px);font-weight:600;letter-spacing:-2px;line-height:1.1;margin:15px 0 30px}.section-head p{color:var(--muted);font-size:13px;line-height:1.7;max-width:300px;margin-bottom:30px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);margin-bottom:32px}.tab{border:0;border-bottom:2px solid transparent;background:none;color:#929486;text-align:left;padding:14px 0;display:flex;align-items:center;gap:12px;font-size:17px}.tab small{font:10px Jet,monospace}.tab[aria-selected=true]{color:var(--paper);border-bottom-color:var(--lime)}.tab[aria-selected=true] small{color:var(--lime)}.detail{display:grid;grid-template-columns:1.4fr 1fr;gap:50px}.film{position:relative;aspect-ratio:16/10;border:1px solid var(--line);overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#2d3420,transparent 65%),#12140e;display:grid;place-items:center}.film canvas{width:100%;height:100%;position:absolute;inset:0}.film video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#0e0e0c}.film video[hidden]{display:none}.film-button{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:12px 20px;background:#0e0e0cdd;color:var(--paper);border:1px solid #d6ff3e77;font:11px Jet,monospace;backdrop-filter:blur(10px)}.film-button span{display:grid;place-items:center;background:var(--lime);color:var(--black);width:29px;height:29px;border-radius:50%}.film-mark{position:absolute;left:20px;top:18px;font:9px Jet,monospace;color:var(--lime);letter-spacing:1.5px}.detail-copy h3{font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-1.6px;line-height:1.15;margin:10px 0 18px}.detail-copy>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 20px}.detail-copy ol{list-style:none;margin:0 0 23px;padding:0;counter-reset:steps}.detail-copy li{counter-increment:steps;display:flex;gap:15px;align-items:baseline;font-size:12px;border-top:1px solid var(--line);padding:13px 0}.detail-copy li:before{content:'0'counter(steps);color:var(--lime);font:9px Jet,monospace}.text-link{font-size:12px;border-bottom:1px solid #d6ff3e70;padding-bottom:5px;display:inline-flex;gap:28px}.fine{font:10px/1.8 Jet,monospace;color:#777a6e;margin-top:24px}.footer{padding:25px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;color:var(--muted);font:9px/1.7 Jet,monospace}.noscript{padding:25px;font-size:15px}button[hidden]{display:none}@media(min-width:1600px){.hero{min-height:900px}.stage{height:700px;top:95px}.storyline{margin-top:130px}}@media(max-width:1000px){.stage{width:84%;right:-9%;top:165px}.hero{min-height:900px}h1{font-size:95px}.intro{max-width:285px}.storyline{margin-top:150px}.scene-badge{right:18%}.caption-card{right:15%;top:340px;max-width:175px}.scene-meta{right:17%}.detail{gap:25px}.section{padding-top:40px}}
@media(max-width:650px){header{height:75px;padding:0 22px}.top-label{display:none}.top-right a{font-size:11px}.hero{padding:35px 22px 0;min-height:0}h1{font-size:clamp(46px,12.6vw,70px);letter-spacing:-3px;margin-top:24px}.intro{font-size:14px;max-width:300px}.hero-cta{margin-top:6px}.primary{padding:13px 18px}.stage{position:relative;right:auto;top:auto;width:calc(100% + 44px);height:390px;margin:-2px -22px 0}.hero-copy{pointer-events:auto}.scene-meta{right:22px;top:22px;font-size:8px}.scene-badge{top:72px;right:23px;font-size:8px;padding:5px 8px}.caption-card{right:22px;top:auto;bottom:12px;max-width:235px;padding-left:10px}.caption-card p{font-size:11px}.caption-card small{font-size:8px}.scene-caption{left:22px;bottom:13px;font-size:7px}.coordinate{display:none}.storyline{margin-top:0;gap:14px;grid-template-columns:1fr;padding-top:22px}.story-step{grid-template-columns:26px 1fr;gap:8px}.story-step h2{font-size:15px;margin-bottom:3px}.story-step p{max-width:none;font-size:12px}.scrub-wrap{gap:10px;padding-bottom:8px}.scrub-wrap label,.scrub-wrap output{font-size:8px}.section{padding:35px 22px 45px;margin-top:20px}.section-head{display:block}.section-head h2{font-size:37px;letter-spacing:-1.8px;margin-bottom:15px}.section-head p{font-size:12px;max-width:320px;margin-bottom:24px}.tabs{margin-bottom:24px}.tab{font-size:14px;gap:7px;padding:13px 0}.tab small{font-size:8px}.detail{grid-template-columns:1fr;gap:24px}.detail-copy h3{font-size:31px}.film{aspect-ratio:1.4}.footer{padding:22px;flex-direction:column;gap:9px}.film-button{font-size:9px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}