.hero{isolation:isolate;height:100svh;min-height:680px;position:relative;overflow:hidden}.stage{cursor:grab;background:var(--graphite);position:absolute;inset:0}.stage:active{cursor:grabbing}.stage .poster{object-fit:cover;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.stage canvas{opacity:0;transition:opacity .7s;position:absolute;inset:0}.stage.ready canvas{opacity:1}.stage.ready .poster{opacity:0}.overlay{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.scene-note{background:color-mix(in srgb,var(--graphite) 90%,transparent);border-left:3px solid var(--accent);width:max-content;max-width:250px;font:400 12px/1.35 var(--mono);opacity:0;will-change:transform,opacity;margin:-22px 0 0 12px;padding:7px 10px;position:absolute;top:0;left:0}.scene-note:before{content:"";background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;position:absolute;top:19px;left:-15px}.scene-note b{font-weight:500;display:block}.scene-note small{color:#c5cbc8;font-size:11px;display:block}.scene-note.warn{border-left-color:var(--warn)}.scene-note.warn:before{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 30%,transparent)}.scrim{z-index:1;pointer-events:none;background:linear-gradient(#0c0e0f00,#0c0e0f99 54%,#0c0e0feb);height:56%;position:absolute;inset:auto 0 0}.scrim.top{background:linear-gradient(#0c0e0f75,#0c0e0f00);height:110px;inset:0 0 auto}.copy{left:var(--gutter);z-index:3;pointer-events:none;gap:14px;width:min(760px,56vw);display:grid;position:absolute;bottom:116px}.copy>*{pointer-events:auto}.hero h1{letter-spacing:.005em;pointer-events:none;font-size:clamp(42px,4.5vw,72px)}.hero h1 span{pointer-events:auto;width:fit-content;display:block}.hero h1 em{color:var(--accent);font-style:normal}.perex{text-shadow:0 1px 8px #0009;max-width:56ch;font-size:clamp(17px,1.35vw,20px);line-height:1.4}.cta{flex-wrap:wrap;gap:10px;display:flex}.record{right:var(--gutter);background:color-mix(in srgb,var(--panel) 93%,transparent);border:1px solid var(--line);z-index:3;width:328px;font-size:14px;position:absolute;top:76px}.record h2{font:400 12px/1.4 var(--mono);color:var(--muted);border-bottom:1px solid var(--line);text-transform:none;margin:0;padding:12px 14px 10px}.record h2 b{font:800 25px/1.08 var(--display);color:var(--paper);letter-spacing:.02em;text-transform:uppercase;margin-top:2px;display:block}.record .say{border-bottom:1px solid var(--line);min-height:88px;margin:0;padding:10px 14px;line-height:1.4}.record:has(.rec-detail:not([hidden])){z-index:6}.rec-rows{margin:0;padding:0;list-style:none}.rec-rows li{border-bottom:1px solid var(--line);transition:background .4s}.rec-rows li.new{background:color-mix(in srgb,var(--accent) 16%,transparent)}.rec-rows button{all:unset;box-sizing:border-box;cursor:pointer;grid-template-columns:70px minmax(0,1fr) auto 12px;align-items:center;gap:8px;width:100%;min-height:38px;padding:6px 10px 6px 14px;display:grid}.rec-rows button:hover{background:color-mix(in srgb,var(--paper) 9%,transparent)}.rec-rows button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.rec-rows .k{font:400 11px/1.5 var(--mono);color:var(--accent);text-transform:uppercase}.rec-rows .v{font-size:13.5px;line-height:1.3}.rec-rows .c{color:var(--muted);font-size:16px}.rec-rows .f{display:flex}.rec-rows .f svg{width:24px;height:24px;box-shadow:0 0 0 2px var(--panel);border-radius:50%;margin-left:-7px}.rec-detail{background:var(--panel);align-content:start;gap:9px;min-height:100%;max-height:calc(100svh - 240px);padding:12px 14px 14px;font-size:14px;line-height:1.42;display:grid;position:absolute;inset:0 0 auto;overflow:auto}.rec-detail:focus{outline:none}.rec-detail header{padding-right:34px;position:relative}.rec-detail h3{text-transform:uppercase;font-size:25px}.rec-detail .mono{font-size:12px}.rec-close{border:1px solid var(--line);width:34px;height:34px;color:var(--paper);cursor:pointer;background:0 0;font-size:20px;line-height:1;position:absolute;top:-2px;right:-4px}.rec-close:hover{background:var(--paper);color:var(--graphite)}.d-state{color:var(--accent);font-weight:600}.d-people{gap:7px;margin:2px 0;padding:0;list-style:none;display:grid}.d-people li{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;line-height:1.25;display:grid}.d-people svg{border-radius:50%;width:38px;height:38px}.d-people b{font-weight:600;display:block}.d-people span{color:var(--muted);font-size:13px}.d-blurb{color:var(--muted)}.d-fict{font:400 11px/1.4 var(--mono);color:var(--muted)}.record .star{font:400 11px/1.4 var(--mono);color:var(--muted);padding:6px 14px}.info{right:calc(var(--gutter) + 344px);z-index:3;background:color-mix(in srgb,var(--panel) 95%,transparent);border:1px solid var(--accent);width:250px;font:400 12px/1.5 var(--mono);padding:10px 12px;position:absolute;top:76px}.info[hidden]{display:none}.info b{font:500 13px/1.3 var(--mono);color:var(--accent);display:block}.bar{z-index:3;padding:0 var(--gutter) 12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:4px 16px;display:grid;position:absolute;inset:auto 0 0}.ctrl{grid-row:1;gap:6px;min-width:40px;padding-top:8px;display:flex}.icon{border:1px solid var(--paper);background:color-mix(in srgb,var(--graphite) 76%,transparent);width:40px;height:40px;color:var(--paper);cursor:pointer;place-items:center;display:grid}.icon[hidden]{display:none}.icon svg{fill:currentColor;width:14px;height:14px}.track-wrap{height:58px;position:relative}.rule{background:color-mix(in srgb,var(--paper) 32%,transparent);height:2px;position:absolute;top:12px;left:0;right:0}.fill{width:calc(var(--p,0)*100%);background:var(--accent);position:absolute;top:0;bottom:0;left:0}.track{margin:0;padding:0;list-style:none;position:absolute;inset:0}.track li{height:58px;position:absolute;top:0}.track button{all:unset;cursor:pointer;box-sizing:border-box;min-width:64px;height:58px;font:800 16px/1.1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:#d6d9d3;white-space:nowrap;padding-top:6px;display:block}.track button:before{content:"";background:var(--paper);width:2px;height:15px;margin-bottom:7px;display:block}.track button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.track button[aria-current=step]{color:var(--accent)}.track button[aria-current=step]:before{background:var(--accent);width:4px}.meta{font:400 11.5px/1.4 var(--mono);color:#c5cbc8;flex-wrap:wrap;grid-column:1/3;justify-content:space-between;gap:2px 18px;display:flex}.meta button{all:unset;cursor:pointer;color:var(--accent);text-underline-offset:2px;text-decoration:underline}.meta button:focus-visible{outline:2px solid var(--accent)}.meta button[hidden],.mcta{display:none}@media (width<=1100px){.info{right:var(--gutter);top:auto;bottom:128px}}@media (width<=1100px) and (width>=821px){.record{width:300px}.record .say{min-height:0}}@media (width<=820px){.hero{min-height:620px}.scrim{height:68%}.copy{gap:8px;width:auto;inset:64px 16px auto}.hero h1{font-size:clamp(34px,10vw,64px)}.perex{font-size:15.5px}.copy .cta{position:fixed;left:-9999px}.scrim.top{background:linear-gradient(#0c0e0fd6,#0c0e0f8f 62%,#0c0e0f00);height:270px}.record{background:0 0;border:0;width:auto;inset:auto 16px 166px}.record h2{border:0;padding:0 0 3px}.record h2 b{font-size:22px}.record .say{border:0;min-height:0;padding:0;font-size:14px}.rec-rows{scrollbar-width:none;gap:5px;margin-top:6px;display:flex;overflow-x:auto}.rec-rows li{border:0;flex:none;background:0 0!important}.rec-rows button{border:1px solid var(--line);background:color-mix(in srgb,var(--graphite) 80%,transparent);width:auto;min-height:34px;padding:8px 9px;display:block}.rec-rows .v,.rec-rows .f,.rec-rows .c{display:none}.rec-detail{z-index:30;border-top:2px solid var(--accent);min-height:0;max-height:78svh;padding:14px 16px 18px;position:fixed;inset:auto 0 0}.record .star{display:none}.bar{grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:4px 10px;padding:0 16px 10px}.ctrl{grid-area:1/2;padding:0}.track-wrap{grid-area:1/1;height:26px}.track li{height:26px;transform:translate(-12px)}.track li:first-of-type{transform:none}.track button{z-index:1;width:24px;min-width:0;height:26px;padding:0;font-size:0;position:relative}.track button:before{width:2px;height:16px;margin:5px auto 0}.track button[aria-current=step]:before{width:5px}.meta{grid-column:1/3}.meta .hint{display:none}.mcta{grid-column:1/3;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.mcta .btn{min-height:44px;padding:0 8px;font-size:17px}.scene-note{max-width:190px;font-size:11px}.info{width:auto;inset:240px 16px auto}}