:root{--bg: #0a0a0a;--tile: #1a1a1a;--white: #ffffff;--shadow: #4a4a4a;--accent: #cfcfcf;--body: #e0e0e0;--metal: #666666;--rust: #d2691e;--ease-out: cubic-bezier(.23, 1, .32, 1);--dither: none;--sans: "Inter", system-ui, sans-serif;--blackletter: "Jacquarda Bastarda 9", var(--sans);--mono: "IBM Plex Mono", ui-monospace, monospace}span.bl{font-family:var(--blackletter);font-weight:400;letter-spacing:0}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#app canvas{display:block}.hidden{display:none!important}#boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg);background-image:var(--dither);image-rendering:pixelated;transition:opacity .5s ease}#boot.gone{opacity:0;pointer-events:none}.boot-mark{font-weight:500;letter-spacing:.02em;font-size:28px;color:var(--white)}.boot-mark .ch{position:relative;display:inline-block;animation:ascii-dim 1.7s linear infinite}.boot-mark .ch:after{content:attr(data-g);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:500;color:var(--accent);opacity:0;animation:ascii-glyph 1.7s linear infinite}.boot-mark .ch:nth-child(2),.boot-mark .ch:nth-child(2):after{animation-delay:.09s}.boot-mark .ch:nth-child(3),.boot-mark .ch:nth-child(3):after{animation-delay:.18s}.boot-mark .ch:nth-child(4),.boot-mark .ch:nth-child(4):after{animation-delay:.27s}.boot-mark .ch:nth-child(5),.boot-mark .ch:nth-child(5):after{animation-delay:.36s}.boot-mark .ch:nth-child(6),.boot-mark .ch:nth-child(6):after{animation-delay:.45s}.boot-mark .ch:nth-child(7),.boot-mark .ch:nth-child(7):after{animation-delay:.54s}.boot-mark .ch:nth-child(8),.boot-mark .ch:nth-child(8):after{animation-delay:.63s}.boot-mark .ch:nth-child(9),.boot-mark .ch:nth-child(9):after{animation-delay:.72s}.boot-mark .ch:nth-child(10),.boot-mark .ch:nth-child(10):after{animation-delay:.81s}@keyframes ascii-dim{0%,3.9%{opacity:1}4%,12%{opacity:0}12.1%,to{opacity:1}}@keyframes ascii-glyph{0%,3.9%{opacity:0}4%,12%{opacity:1}12.1%,to{opacity:0}}.boot-sub{font-family:var(--mono);font-size:12px;letter-spacing:.35em;color:var(--accent)}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.hud-corner{position:absolute;padding:22px 26px}.hud-corner.tl{top:0;left:0}.hud-corner.tr{top:0;right:0;text-align:right}.hud-corner.bl{bottom:0;left:0}.hud-corner.br{bottom:0;right:0}.loc{font-weight:500;font-size:22px;letter-spacing:.02em;color:var(--white)}.sub{margin-top:6px;font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--shadow)}.coord{font-family:var(--mono);font-size:13px;letter-spacing:.22em;color:var(--body)}.disc-corner{display:flex;align-items:center;gap:16px}.disc-box{width:44px;height:44px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--shadow);font-family:var(--mono);font-size:13px;letter-spacing:.08em;color:var(--body)}.disc-box.tick{animation:tick .45s var(--ease-out)}@keyframes tick{0%{transform:scale(1.1);border-color:var(--rust);color:var(--white)}to{transform:scale(1);border-color:var(--shadow);color:var(--body)}}.prompt{position:absolute;left:50%;bottom:96px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg);background-image:var(--dither);image-rendering:pixelated;border:1px solid var(--accent);font-weight:700;letter-spacing:.28em;font-size:13px;color:var(--white);animation:prompt-in .26s var(--ease-out)}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.prompt .chev{color:var(--accent);animation:bob 1s steps(4) infinite}.prompt .key{font-family:var(--mono);font-weight:500;border:1px solid var(--body);padding:2px 8px;color:var(--body);letter-spacing:0}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.btn-info{pointer-events:auto;width:44px;height:44px;background:var(--bg);border:1px solid var(--shadow);color:var(--body);font-family:var(--mono);font-weight:500;font-size:20px;line-height:1;cursor:pointer;transition:border-color .12s,color .12s,background .12s,transform .1s var(--ease-out);-webkit-tap-highlight-color:transparent}.btn-info:hover,.btn-info:active{border-color:var(--accent);color:var(--white);background:var(--tile)}.btn-info:active{transform:scale(.96)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;background-image:var(--dither);image-rendering:pixelated;opacity:0;transition:opacity .24s var(--ease-out)}.modal.is-open .modal-scrim{opacity:.72}.modal-panel{position:absolute;top:50%;left:50%;width:min(720px,92vw);max-height:84vh;padding:56px 52px 44px;background:#000;overflow-y:auto;will-change:transform;transform:translate(-50%,-48%) scale(.97);opacity:0;transition:transform .24s var(--ease-out),opacity .24s var(--ease-out)}.modal.is-open .modal-panel{transform:translate(-50%,-50%) scale(1);opacity:1}.modal.is-open .modal-tag{animation:rise .35s var(--ease-out) both}.modal.is-open .modal-title{animation:rise .35s var(--ease-out) .05s both}.modal.is-open .modal-body{animation:rise .4s var(--ease-out) .1s both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-panel::-webkit-scrollbar{width:8px}.modal-panel::-webkit-scrollbar-track{background:#000}.modal-panel::-webkit-scrollbar-thumb{background:var(--tile);border:1px solid var(--shadow)}.modal-close{position:absolute;top:24px;right:28px;background:transparent;border:1px solid var(--shadow);color:var(--body);font-family:var(--mono);font-size:11px;letter-spacing:.2em;padding:8px 12px;cursor:pointer;transition:border-color .12s,color .12s,transform .1s var(--ease-out)}.modal-close:hover{border-color:var(--accent);color:var(--white)}.modal-close:active{transform:scale(.96)}.modal-tag{font-family:var(--mono);font-size:11px;letter-spacing:.32em;color:var(--accent);margin-bottom:18px}.modal-title{margin:0 0 28px;font-weight:500;font-size:42px;line-height:1.08;letter-spacing:.01em;color:var(--white)}.modal-body{max-width:65ch}.modal-body p{font-weight:500;font-size:17px;line-height:1.55;color:var(--white);margin:0 0 18px}.meta-list,.entry-list{list-style:none;padding:0;margin:28px 0 0}.meta-list li{display:flex;gap:16px;padding:12px 0;border-top:1px solid var(--tile);font-weight:500;font-size:15px;color:var(--white)}.meta-list li span{font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--shadow);min-width:84px}.entry-list li{display:flex;gap:18px;align-items:baseline;padding:16px 0;border-top:1px solid var(--tile)}.entry-list .idx{font-family:var(--mono);font-size:13px;color:var(--accent);min-width:24px}.entry-list strong{display:block;font-weight:500;font-size:17px;letter-spacing:.01em;color:var(--white)}.entry-list em{display:block;margin-top:4px;font-style:normal;font-weight:500;font-size:14px;color:var(--body)}.work-grid{display:grid;grid-template-columns:1fr;gap:48px;margin-top:30px}.work-grid figure{margin:0;animation:resolve .4s steps(4) both}.work-grid figure:nth-child(1){animation-delay:.1s}.work-grid figure:nth-child(2){animation-delay:.22s}.work-grid figure:nth-child(3){animation-delay:.34s}.work-grid figure:nth-child(4){animation-delay:.46s}.work-grid figure:nth-child(5){animation-delay:.58s}@keyframes resolve{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.work-grid .num{display:flex;align-items:center;gap:14px;margin-bottom:12px;font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--shadow)}.work-grid .num:after{content:"";flex:1;border-top:1px solid var(--tile)}.shot{position:relative}.shot+.shot{margin-top:14px}.work-grid img,.work-grid video{width:100%;display:block;border:1px solid var(--tile)}.shot canvas.dither-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.work-grid figure figcaption,.work-grid figure .num{opacity:.35}.work-grid figcaption{margin-top:16px}.work-grid figcaption strong{display:block;font-weight:500;font-size:26px;line-height:1.1;letter-spacing:.01em;color:var(--white)}.work-grid figcaption em{display:block;margin-top:7px;font-style:normal;font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--body)}@media (prefers-reduced-motion: reduce){.work-grid figure,.prompt,.prompt .chev,.disc-box.tick,.boot-mark .ch,.boot-mark .ch:after,.modal.is-open .modal-tag,.modal.is-open .modal-title,.modal.is-open .modal-body,.controls-modal.is-open .controls-tag,.controls-modal.is-open .controls-title,.controls-modal.is-open .controls-list{animation:none}.modal-panel,.modal-scrim,.controls-box,.controls-scrim{transition:none}}.controls-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:31}.controls-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a8c;background-image:var(--dither);image-rendering:pixelated;opacity:0;transition:opacity .24s var(--ease-out)}.controls-modal.is-open .controls-scrim{opacity:.72}.controls-box{position:absolute;top:50%;left:50%;width:min(440px,90vw);padding:48px 44px 40px;background:#000;will-change:transform;transform:translate(-50%,-48%) scale(.97);opacity:0;transition:transform .24s var(--ease-out),opacity .24s var(--ease-out)}.controls-modal.is-open .controls-box{transform:translate(-50%,-50%) scale(1);opacity:1}.controls-modal.is-open .controls-tag{animation:rise .35s var(--ease-out) both}.controls-modal.is-open .controls-title{animation:rise .35s var(--ease-out) .05s both}.controls-modal.is-open .controls-list{animation:rise .4s var(--ease-out) .1s both}.controls-tag{font-family:var(--mono);font-size:11px;letter-spacing:.32em;color:var(--accent);margin-bottom:14px}.controls-title{margin:0 0 26px;font-weight:500;font-size:32px;line-height:1.08;letter-spacing:.01em;color:var(--white)}.controls-list{list-style:none;padding:0;margin:0}.controls-list li{display:flex;gap:18px;align-items:baseline;padding:14px 0;border-top:1px solid var(--tile)}.controls-list li:first-child{border-top:none}.controls-list .keys{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.12em;color:var(--white);border:1px solid var(--body);padding:4px 9px;white-space:nowrap;flex-shrink:0;min-width:96px;text-align:center}.controls-list em{font-style:normal;font-weight:500;font-size:14px;line-height:1.4;color:var(--body)}@media (max-width: 720px){.modal-panel{width:94vw;padding:44px 24px 32px}.modal-title{font-size:32px}.work-grid figcaption strong{font-size:21px}.hud-corner{padding:16px 18px}.loc{font-size:16px}.controls-box{padding:44px 26px 32px}.controls-title{font-size:26px}}