:root{--bg: #050607;--slab: #1d1e20;--slab-2: #151618;--well: #0a0b0c;--line: rgba(255, 255, 255, .07);--ink: #f1ece2;--mute: #a9a59b;--faint: #76736b;--amber: #ffb327;--amber-2: #ff9e0d;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--wrap: 1240px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:400 16.5px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#house{position:fixed;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.4s ease;z-index:0}body.ready #house{opacity:1}.vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.5))}body.roaming .vignette{opacity:.4}.scrim{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s;background:linear-gradient(90deg,rgba(3,4,5,.86) 0%,rgba(3,4,5,.62) 34%,transparent 62%)}body:not([data-stop]) .scrim,body[data-stop=hero] .scrim{opacity:1}body.roaming .scrim{opacity:0!important}.labels{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;overflow:hidden}.labels.show{opacity:1}.labels span{position:absolute;left:0;top:0;padding:7px 10px;background:#08090ac7;border-radius:6px;box-shadow:0 0 0 1px #ffb32766;font:400 .68rem/1.45 var(--mono);color:var(--mute);text-align:center;white-space:nowrap}.labels b{display:block;color:var(--amber);font-weight:700;letter-spacing:.08em}body.roaming .labels{display:none}h1,h2,h3{font-family:var(--mono);letter-spacing:-.035em;margin:0}h1{font-weight:800;font-size:clamp(2.5rem,5.6vw,5rem);line-height:1.02}h1 em{font-style:normal;color:var(--amber);text-shadow:0 0 26px rgba(255,170,30,.55),0 0 2px rgba(255,190,80,.9)}h2{font-weight:700;font-size:clamp(1.55rem,2.5vw,2.15rem);line-height:1.1}h3{font-weight:700;font-size:1.02rem;letter-spacing:-.02em}p{margin:.8em 0 0}code,kbd,pre{font-family:var(--mono)}code{font-size:.9em;color:var(--amber)}a{color:inherit}.eyebrow{margin:0 0 .75em;font:500 .72rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}.eyebrow span{color:var(--faint);letter-spacing:.04em;text-transform:none}.lede{font-size:1.14rem;color:#d9d4c9;max-width:34em;margin-top:1.1em}.lede.narrow{max-width:36em}.fine{font-size:.86rem;color:var(--mute)}.hud{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:22px;padding:16px 26px;font:500 .78rem/1 var(--mono);letter-spacing:.08em;pointer-events:none;transition:opacity .25s}.hud>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:1.05rem;letter-spacing:-.02em}.brand img{border-radius:7px}.hud-status{display:flex;align-items:center;gap:9px;color:#7dffa0}.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#41ff7e;box-shadow:0 0 10px #41ff7e,inset 0 0 2px #fff}.hud-right{margin-left:auto;color:#ffffff73}.hud:before{content:"";position:absolute;inset:0;z-index:-1;background:#08090ad1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .25s}body.past-house:not(.roaming) .hud:before{opacity:1}body.past-house:not(.roaming) .hud-status,body.past-house:not(.roaming) .hud-right{visibility:hidden}#recording,#tools,#under,#get{scroll-margin-top:20px}.slab{position:relative;background:linear-gradient(180deg,var(--slab),var(--slab-2));border-radius:14px;padding:26px 28px 28px;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0009,0 0 0 1px #000000b3,0 22px 50px -14px #000000c7}.well{background:var(--well);border-radius:9px;box-shadow:inset 0 2px 5px #000c,inset 0 0 0 1px #0009,0 1px #ffffff0f}.code{margin:1em 0 0;padding:12px 14px;font-size:.8rem;line-height:1.6;overflow-x:auto;color:var(--amber);text-shadow:0 0 10px rgba(255,170,30,.35)}.code .d{color:#7c6030}.cap,kbd{font-family:var(--mono);color:var(--ink);background:linear-gradient(180deg,#38393c,#2a2b2e);border:0;border-radius:7px;box-shadow:inset 0 1px #ffffff29,0 3px #0e0f10,0 4px 8px #00000080}kbd{display:inline-block;padding:1px 7px 2px;font-size:.78em;font-weight:500;position:relative;top:-1px;margin:0 2px;box-shadow:inset 0 1px #ffffff29,0 2px #0e0f10}.cap{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;font-weight:500;font-size:.92rem;text-decoration:none;cursor:pointer;transform:translateY(0);transition:transform .07s,box-shadow .07s,filter .15s}.cap:hover{filter:brightness(1.16)}.cap:active,.cap.on{transform:translateY(2px);box-shadow:inset 0 1px #ffffff1a,0 1px #0e0f10}.cap:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.cap.primary{background:linear-gradient(180deg,#ffc248,#f39a0c);color:#1b1002;font-weight:700;box-shadow:inset 0 1px #ffffff80,0 3px #7e4f05,0 0 26px #ffa51959}.cap.primary:active{box-shadow:inset 0 1px #fff6,0 1px #7e4f05}.cap.primary kbd{background:#00000029;color:#1b1002;box-shadow:none;top:0;margin:0}.cap.small{padding:7px 11px;font-size:.78rem;border-radius:6px}.cap.small.on{color:var(--amber)}.row{display:flex;flex-wrap:wrap;gap:14px;margin-top:1.7em}.row.center{justify-content:center}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:1.1em}main{position:relative;z-index:2;pointer-events:none}main a,main button,main .slab,main .solid{pointer-events:auto}.stop{min-height:170vh;display:flex;align-items:center;padding:0 clamp(16px,4vw,56px)}.stop .slab{width:min(440px,100%);position:sticky;top:max(14vh,80px);align-self:flex-start;margin-top:45vh;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stop .slab.right{margin-left:auto}.stop .slab.low{top:auto;bottom:24px}.tail{min-height:60vh}.hero{min-height:140vh;align-items:flex-start;flex-direction:column;justify-content:flex-start;padding-top:min(22vh,200px)}.hero-copy{max-width:880px;text-shadow:0 2px 30px rgba(0,0,0,.75)}.walk-note{margin-top:1.4em}.scroll-cue{position:fixed;left:50%;bottom:26px;width:24px;height:38px;margin-left:-12px;border-radius:12px;border:2px solid rgba(255,255,255,.25);transition:opacity .3s}.scroll-cue span{position:absolute;left:50%;top:7px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--amber);animation:cue 1.8s infinite}@keyframes cue{0%{transform:translateY(0);opacity:1}80%{transform:translateY(12px);opacity:0}to{opacity:0}}body:not([data-stop=hero]) .scroll-cue{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.scroll-cue span{animation:none}}.alerts{list-style:none;padding:0;margin:1.1em 0 0;display:grid;gap:7px;font-size:.86rem;color:var(--mute)}.alerts i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 9px var(--c);margin-right:9px;position:relative;top:-1px}.alerts b{color:var(--ink);font-weight:500;margin-right:6px}.control{display:flex;align-items:center;gap:12px;margin-top:12px}.control>span{font:500 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);width:5.4em;flex:none}.control .chips{margin-top:0}.panel{display:grid;gap:8px;padding:12px;margin-top:1.1em}.floor-btn{display:flex;align-items:center;gap:12px;font:400 .82rem/1 var(--mono);color:var(--mute)}.floor-btn b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#2f3033,#222326);color:#d8d3c8;box-shadow:inset 0 1px #ffffff24,0 2px #000}.floor-btn.on b{color:#1b1002;background:linear-gradient(180deg,#ffc248,#f39a0c);box-shadow:0 0 14px #ffa519b3,0 1px #000}.floor-btn.on{color:var(--amber)}.banner{position:fixed;top:18px;left:50%;z-index:40;--c: var(--amber-2);display:flex;align-items:center;gap:11px;padding:12px 18px;font:500 .84rem/1.2 var(--mono);background:linear-gradient(180deg,#232426,#17181a);border-radius:10px;box-shadow:0 0 0 2px var(--c),0 0 26px color-mix(in srgb,var(--c) 55%,transparent),0 16px 34px #0009;transform:translate(-50%,-90px);visibility:hidden;transition:transform .35s cubic-bezier(.2,1.2,.4,1),visibility .35s;white-space:nowrap;max-width:92vw;overflow:hidden;pointer-events:none}.banner.show{transform:translate(-50%);visibility:visible}.banner .led{background:var(--c);box-shadow:0 0 10px var(--c)}.banner b{color:var(--c);font-weight:700}.banner span{text-overflow:ellipsis;overflow:hidden}.solid{position:relative;background:linear-gradient(180deg,#0a0b0c,#060708 12%);box-shadow:0 -60px 80px 40px #0a0b0c;padding-bottom:20px}.wrap{width:min(var(--wrap),100% - 48px);margin-inline:auto;padding-top:110px}.film{margin:40px 0 0;padding:10px}.film video{display:block;width:100%;height:auto;border-radius:8px;background:#000}.stills{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.stills figure{margin:0}.stills img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 0 0 1px #000000b3,0 14px 30px -12px #000000b3}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}.shot{padding:10px 10px 16px;margin:0;grid-column:span 2}.shot.wide{grid-column:span 2}.shot img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;border-radius:8px;box-shadow:inset 0 0 0 1px #000;background:#0d0d0e}.shot figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;padding:13px 8px 0;font-size:.9rem;color:var(--mute)}.shot figcaption b{font:700 .9rem/1 var(--mono);color:var(--ink);letter-spacing:-.02em}.shot figcaption span{flex-basis:100%}.rex{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;margin-top:44px}.rex .eyebrow{margin-bottom:.9em}.rex p:last-child{margin-bottom:0;color:#c3bfb5;font-size:.97rem}.rex pre{margin:0}.rex .on{color:var(--amber)}.rex+.specs{margin-top:20px}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.specs .slab p{font-size:.93rem;color:#c3bfb5}.end{text-align:center;padding-top:140px;padding-bottom:90px}.end img{border-radius:22px;display:block;margin:0 auto 26px}.end h2{font-size:clamp(2rem,4vw,3.3rem);font-weight:800}.end .lede{margin-inline:auto}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 30px;padding:26px 0 36px;border-top:1px solid var(--line);font-size:.82rem;color:var(--faint)}.foot b{color:var(--mute);font-family:var(--mono);font-weight:500}body.roaming{overflow:hidden}body.roaming main,body.roaming .brand{visibility:hidden}.roam{position:fixed;inset:0;z-index:25;pointer-events:none}.roam[hidden]{display:none}.reticle{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#ffffffd9;transition:transform .12s,background .12s}.reticle.on{transform:scale(1.8);background:var(--amber)}body.seated .reticle,body.seated .aim-hint{display:none}.aim-hint{position:absolute;left:50%;top:calc(50% + 26px);transform:translate(-50%);font:500 .8rem/1 var(--mono);opacity:0;transition:opacity .12s;color:var(--ink);text-shadow:0 1px 8px #000}.aim-hint.show{opacity:1}.hints{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:22px;padding:10px 16px;font:400 .76rem/1 var(--mono);color:var(--mute);white-space:nowrap}.hints span{display:flex;align-items:center;gap:8px}.hints kbd{margin:0;top:0;font-size:.72rem;padding:5px 8px}.pause{position:absolute;inset:0;display:grid;place-items:center;background:#00000080;pointer-events:auto}.pause[hidden]{display:none}.pause .slab{text-align:center;width:min(420px,90vw)}.touch{position:absolute;left:0;right:0;top:64px;text-align:center;font:400 .78rem/1.4 var(--mono);color:#ffffffb8;text-shadow:0 1px 6px #000}.touch[hidden]{display:none}#kbd{position:fixed;left:0;bottom:0;width:1px;height:1px;opacity:0;border:0;padding:0;z-index:-1;font-size:16px;resize:none}body.seated #house{touch-action:none}body.seated .stop[data-stop=jack] .slab{opacity:.5;transition:opacity .2s}body.seated .stop[data-stop=jack] .slab:hover{opacity:1}body.no-webgl #house{display:none}body.no-webgl .stop{min-height:100vh;background:center / cover no-repeat url(../shots/alert.webp);box-shadow:inset 0 0 0 100vmax #0506078c}body.no-webgl .stop[data-stop=build]{background-image:url(../shots/blueprint.webp)}body.no-webgl .stop[data-stop=hero]{background-image:url(../shots/room.webp)}body.no-webgl .stop[data-stop=jack]{background-image:url(../shots/wall.webp)}body.no-webgl .stop[data-stop=react]{background-image:url(../shots/desk.webp)}body.no-webgl .stop[data-stop=outside]{background-image:url(../shots/desk.webp)}body.no-webgl .stop[data-stop=floors]{background-image:url(../shots/room.webp)}body.no-webgl .stop .slab{position:relative;top:auto;margin-top:0;align-self:center}body.no-webgl .chips,body.no-webgl .control,body.no-webgl .tail{display:none}@media(max-width:980px){.gallery,.stills{grid-template-columns:1fr}.shot,.shot.wide{grid-column:auto}.specs,.rex{grid-template-columns:minmax(0,1fr)}}@media(pointer:coarse){.walk-in kbd{display:none}}@media(max-width:760px){.scrim{background:linear-gradient(180deg,rgba(3,4,5,.88) 0%,rgba(3,4,5,.84) 62%,transparent 82%)}body{font-size:15.5px}.hud{padding:12px 16px;gap:14px}.hud-right{display:none}.stop{padding:0 16px}.hero{padding-top:18vh}.stop .slab{width:100%;padding:20px;top:auto;margin-top:62vh}.wrap{width:calc(100% - 32px);padding-top:72px}.hints{display:none}.banner{white-space:normal}}