:root:has(.door){--header-h:73px}@media (width < 640px){:root:has(.door){--header-h:110px}}.door{--copy-edge:calc(max(16px, 6vw) + min(540px, 40vw) + 40px);position:relative;color:var(--color-text-primary);overflow-x:clip}.door ::selection{background:var(--color-accent-primary);color:var(--color-text-inverse)}.door-mono{font-family:var(--font-mono,monospace)}.door-o{color:var(--color-accent-primary)}.door-r{color:var(--color-eval-losing)}.door-eyebrow{text-wrap:balance;font-family:var(--font-mono,monospace);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary)}.door-eyebrow.door-o{color:var(--color-accent-primary)}.door-label{display:inline-block;width:fit-content;padding:4px 8px;border:1px dashed var(--color-border-medium);font-family:var(--font-mono,monospace);font-size:10.5px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-secondary)}[data-credential=held] .door,[data-credential=held] .door *{visibility:hidden!important}.door-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .9s ease-out}.door[data-stage=live] .door-canvas{opacity:1}.door-canvas canvas{display:block;width:100%;height:100%}.door-scrim{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgb(10 10 11/.94) 0,rgb(10 10 11/.94) var(--copy-edge),rgb(10 10 11/0) calc(var(--copy-edge) + 22vw))}.door-main{position:relative;z-index:2}.door-beat{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:80px max(16px,6vw) 64px}.door-beat-hero{min-height:calc(100svh - var(--header-h));padding-top:32px}.door-beat-tall{min-height:200svh;justify-content:flex-start}.door-beat-tall>.door-copy{position:sticky;top:30svh}.door-copy{position:relative;max-width:min(540px,40vw);display:grid;gap:18px}.door-h1{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(30px,min(3.6vw,6.2svh),56px);line-height:1.04}.door-h1,.door-h2{font-family:var(--font-mono,monospace);font-weight:700;text-wrap:balance}.door-h2{letter-spacing:-.015em;font-size:clamp(26px,min(3.4vw,5.6svh),46px);line-height:1.06}@media (width > 900px){.door[data-stage=live] .door-beat-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.door-lede{font-size:clamp(16px,1.25vw,19px);line-height:1.55;color:var(--color-text-secondary);text-wrap:pretty}.door-map{position:fixed;z-index:0;right:max(24px,8vw);top:50%;transform:translateY(-50%);display:grid;grid-template-columns:minmax(0,1fr);gap:14px;justify-items:start;width:min(420px,34vw)}.door-map-grid{display:grid;gap:4px;width:100%}.door-map-key{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--color-text-secondary)}.door-map-key span{display:inline-flex;align-items:center;gap:6px}.door-map-key span:before{content:"";width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--color-accent-primary)}.door-map-key span[data-key=lost]:before{background:var(--color-eval-losing)}.door-map-grid i,.door-map-key span[data-key=other]:before{box-shadow:inset 0 0 0 1px var(--color-border-strong)}.door-map-grid i{aspect-ratio:1}.door-map-grid i[data-cell=lost]{background:var(--color-eval-losing);box-shadow:inset 0 0 0 2px var(--color-accent-primary)}.door[data-stage=none] .door-scrim{background:linear-gradient(90deg,rgb(10 10 11/.94) 0,rgb(10 10 11/.94) var(--copy-edge),rgb(10 10 11/0) calc(var(--copy-edge) + 4vw))}.door-hud{position:fixed;z-index:3;right:max(16px,3vw);bottom:max(16px,4svh);width:min(340px,30vw);display:grid;gap:10px;padding:16px;background:var(--color-surface-card);border:1px solid var(--color-border-subtle);opacity:0;transform:translateY(12px);visibility:hidden;transition:opacity .4s,transform .4s,visibility 0s linear .4s;pointer-events:none}.door-hud[data-on=true]{opacity:1;transform:none;visibility:visible;transition:opacity .4s,transform .4s,visibility 0s}.door-hud-figure{display:flex;align-items:flex-end;gap:12px}.door-count{font-family:var(--font-mono,monospace);font-size:clamp(56px,7vw,104px);font-weight:700;line-height:.9;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--color-accent-primary);animation:door-rise .42s cubic-bezier(.2,.7,.2,1) both}@keyframes door-rise{0%{opacity:0;transform:translateY(10px)}}.door-hud-of{padding-bottom:8px;font-size:12px;line-height:1.4;color:var(--color-text-secondary)}.door-hud-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;font-family:var(--font-mono,monospace);font-size:12px;color:var(--color-text-tertiary);max-height:0;overflow:hidden;opacity:0;transform:translateX(8px);visibility:hidden;transition:color .3s,opacity .35s,transform .35s,max-height .35s,visibility 0s linear .35s}.door-hud-row[data-reached=true]{max-height:48px;opacity:1;transform:none;visibility:visible;transition:color .3s,opacity .35s,transform .35s,max-height .35s,visibility 0s}.door-hud-row[data-active=true]{color:var(--color-text-primary)}.door-hud-row b{font-variant-numeric:tabular-nums}.door-hud-opp{font-weight:400;color:var(--color-text-tertiary)}.door-hud-track{grid-column:1/-1;height:3px;background:var(--color-surface-elevated);position:relative;overflow:hidden}.door-hud-track i{position:absolute;inset:0 auto 0 0;background:var(--color-text-tertiary);transition:width .5s cubic-bezier(.2,.7,.2,1),background .3s}.door-hud-track i+i{background:var(--color-eval-losing)}.door-hud-row[data-active=true] .door-hud-track i:first-child{background:var(--color-accent-primary)}.door-scroll-cue{position:fixed;left:max(16px,6vw);bottom:22px;z-index:3;font-family:var(--font-mono,monospace);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-tertiary);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s,visibility 0s linear .4s}.door-scroll-cue[data-on=true]{opacity:1;visibility:visible;transition:opacity .4s,visibility 0s}.door-scroll-cue:after{content:"";display:block;width:1px;height:28px;margin:8px 0 0 4px;background:linear-gradient(var(--color-text-tertiary),transparent)}.door-reference{position:relative;z-index:3;padding-top:24svh;background:linear-gradient(to bottom,rgb(10 10 11/0),var(--color-surface-bg) 24svh);container-type:inline-size}.door-detail{max-width:56rem;margin:0 auto;padding:0 16px}@media (width >= 640px){.door-detail{padding:0 24px}}.leaks-route:has(.door) section[aria-labelledby=leaks-about]{border-top-color:transparent}.door-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:12px 0;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;list-style:none}.door-detail:first-child>summary{border-top:1px solid var(--color-border-subtle)}.door-detail>summary::-webkit-details-marker{display:none}.door-detail>summary:after{content:"+";font-family:var(--font-mono,monospace);color:var(--color-text-tertiary);transition:transform .15s}.door-detail[open]>summary:after{transform:rotate(45deg)}.door-detail>summary h2{font-family:var(--font-mono,monospace);font-size:14px;font-weight:700;color:var(--color-text-primary)}.door-detail[open]{padding-bottom:24px}.door-detail[open]>summary{margin-bottom:16px}.door-detail>ol+p{margin-top:16px}.door-demonstration{width:min(100cqw - 32px,80rem);margin-left:calc(50% - min(50cqw - 16px, 40rem))}@media (width >= 640px){.door-demonstration{width:min(100cqw - 48px,80rem);margin-left:calc(50% - min(50cqw - 24px, 40rem))}}.door-demonstration-press{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-subtle)}.door-ref-method{display:grid;gap:12px;max-width:42rem}.door-ref-method li{display:grid;grid-template-columns:2rem 1fr;gap:8px;font-size:15px;line-height:1.6;color:var(--color-text-secondary)}.door-ref-method li>span:first-child{color:var(--color-text-secondary);font-weight:700}.door-ref-close{font-size:15px;line-height:1.6;color:var(--color-text-primary);max-width:42rem}.door-ref-steps{display:grid;gap:1px;background:var(--color-border-subtle);border:1px solid var(--color-border-subtle)}@media (width >= 640px){.door-ref-steps{grid-template-columns:1fr 1fr}}.door-ref-steps li{display:grid;grid-template-columns:2rem 1fr;gap:4px 8px;padding:16px;background:var(--color-surface-bg)}.door-ref-steps li>span{color:var(--color-text-secondary);font-weight:700;font-size:14px}.door-ref-steps h3{font-family:var(--font-mono,monospace);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.door-ref-steps p{grid-column:2;font-size:14px;line-height:1.6;color:var(--color-text-secondary)}.door-source{font-size:12px;line-height:1.55;color:var(--color-text-tertiary);max-width:34rem;text-wrap:pretty}@media (width <= 900px){.door{--copy-top:64svh}.door-wide-only{display:none}.door-scrim{background:linear-gradient(to top,rgb(10 10 11/.94) 0,rgb(10 10 11/.94) var(--copy-top),rgb(10 10 11/0) calc(var(--copy-top) + 16svh))}.door[data-stage=none] .door-scrim{background:linear-gradient(to top,rgb(10 10 11/.94) 0,rgb(10 10 11/.94) var(--copy-top),rgb(10 10 11/0) calc(var(--copy-top) + 4svh))}.door-copy{max-width:100%;transition:opacity .22s ease-out,visibility 0s}.door-copy[data-out=true]{opacity:0;visibility:hidden;transition:opacity .22s ease-in,visibility 0s linear .22s}.door{--hold-gap:5svh}.door-beat{justify-content:flex-end;padding-top:24px;padding-bottom:var(--hold-gap)}.door-beat:not(.door-beat-hero)>.door-copy{position:sticky;bottom:var(--hold-gap)}.door-beat-hero{justify-content:flex-end;padding-bottom:5svh}.door-hud,.door-scroll-cue{display:none}.door-map{left:16px;right:16px;top:calc(var(--header-h) + 8px);transform:none;width:auto;gap:8px;justify-items:center}.door-map-grid{gap:2px;width:clamp(60px,calc(var(--film-room, 36svh) - 84px),220px)}.door-map figcaption{order:-1;font-size:9px;padding:2px 6px;text-align:center}.door-map-key{font-size:10px;justify-content:center}.door-still-board>[role=img]{width:clamp(60px,calc(var(--film-room, 36svh) - 40px),280px)}}@media (prefers-reduced-motion:reduce){.door-canvas,.door-copy,.door-copy[data-out=true],.door-hud,.door-hud-row,.door-hud-track i,.door-scroll-cue{transition:none}.door-count{animation:none}}