.live-story{height:300svh;background:#e9e9e4;color:#20221d;position:relative}.live-screen{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate}.live-top{position:absolute;top:110px;left:5vw;right:5vw;display:flex;justify-content:space-between;font:12px var(--mono);z-index:3}.live-title{position:absolute;top:21%;left:5vw;z-index:2;pointer-events:none}.live-title>span{font-size:clamp(22px,3vw,45px)}.live-title h2{font-size:clamp(72px,11vw,180px);font-weight:500;line-height:.95;letter-spacing:-.07em;margin:10px 0;color:#20221d}.live-screen model-viewer{display:block;position:absolute;inset:15% 0 9%;width:100%;height:76%;--poster-color:#e9e9e4}.live-poster{width:100%;height:100%;object-fit:cover;opacity:.6}.live-loaded .live-title{mix-blend-mode:multiply}.live-bottom{position:absolute;bottom:34px;left:5vw;right:5vw;display:flex;gap:25px;align-items:center;justify-content:space-between;z-index:4}.live-status{font-size:14px;max-width:400px}.live-control{background:#20221d;color:#e2ff54;padding:16px 24px;border:0;border-radius:40px;font-size:14px;cursor:pointer}.live-progress{position:absolute;bottom:0;height:4px;width:100%;background:#20221d;transform:scaleX(var(--live-p,0));transform-origin:left}.live-systems{background:#161914;padding:100px 5vw;color:#eeefe8}.systems-heading>span{font:12px var(--mono);color:#dfff59}.systems-heading h2{font-size:clamp(38px,6vw,90px);letter-spacing:-.06em;font-weight:500;line-height:1.05;max-width:850px;margin:25px 0 50px}.systems-tabs{display:flex;border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;margin-bottom:35px}.systems-tabs button{flex:1;background:none;color:#a6ab9c;border:0;padding:20px 10px;font:14px var(--mono);cursor:pointer}.systems-tabs button[aria-pressed=true]{background:#dfff59;color:#161914}.systems-stage{position:relative;display:grid;grid-template-columns:2fr 1fr;gap:4vw;align-items:center}.systems-stage video{width:100%;height:55svh;object-fit:contain;background:#252822}.systems-copy>span{font:12px var(--mono);color:#dfff59}.systems-copy h3{font-size:clamp(28px,3vw,48px);letter-spacing:-.045em;font-weight:400;line-height:1.08;margin:24px 0}.systems-copy p{font-size:16px;line-height:1.6;color:#bac0ae}.systems-controls{display:flex;align-items:center;gap:25px;padding:25px 0}.systems-controls button{border:1px solid #ffffff60;padding:14px 20px;border-radius:30px;color:white;font-size:14px;min-width:190px;background:none;cursor:pointer}.systems-controls input{flex:1;min-width:0;height:40px;accent-color:#dfff59}.systems-controls output{font:14px var(--mono);min-width:42px}.live-systems button:focus-visible,.live-control:focus-visible{outline:2px solid #a5bb46;outline-offset:4px}
@media(max-width:760px){.live-top{top:100px;font-size:10px}.live-title{top:20%}.live-title h2{font-size:17vw}.live-bottom{bottom:30px;display:block}.live-control{margin-top:12px}.live-screen model-viewer{inset:27% 0 18%;height:55%}.live-story{height:230svh}.live-systems{padding:65px 5vw}.systems-tabs{display:grid;grid-template-columns:1fr 1fr}.systems-tabs button{font-size:12px;padding:18px 8px}.systems-stage{display:block}.systems-stage video{height:35svh}.systems-copy{margin-top:25px}.systems-copy h3{margin:15px 0}.systems-controls{gap:10px;flex-wrap:wrap}.systems-controls button{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.live-story{height:100svh;min-height:650px}.live-screen{position:relative}.live-title{transform:none!important}}
.viewing-live .studio-chapters{transform:translate(-50%,120px)}