@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/press-start-2p-latin.woff2)format("woff2")}@font-face{font-family:"Fusion Pixel 12";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/fusion-pixel-12-zh-hant.woff2)format("woff2");unicode-range:U+3000-303F,U+31A0-31BF,U+33??,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FE30-FE4F,U+FF00-FFEF}.pixel-pellets{background:repeating-linear-gradient(90deg, var(--brass) 0 5px, transparent 5px 14px);opacity:.75;flex:1;max-width:150px;height:5px}.pixel-pellet-row{justify-content:center;align-items:center;gap:12px;width:100%;max-width:230px;margin:16px auto 0;display:flex}.pixel-pellet-row svg,.footer-sprites svg,.nav-overlay-sprites svg{image-rendering:pixelated;flex:none}.footer-sprites{grid-column:1/-1;justify-content:center;align-items:center;gap:16px;width:100%;max-width:340px;margin-top:34px;display:flex}:root{--fog:#000;--paper:#f5f1e6;--carbon:#0b0b0e;--ink:#f5f1e6;--muted:#98937f;--crt:#f5f1e6;--pcb:#9a8fd8;--copper:#e04a28;--brass:#f5c842;--amber:#e04a28;--violet:#9a8fd8;--surface:#070709;--surface-raised:#0d0d11;--phosphor:#f5c842;--neon:#f19cc3;--neon-dim:#f19cc366;--arcade-bg:#000;--arcade-panel:#050507e6;--arcade-line:#f5c84266;--arcade-text:#f5f1e6;--screen-enter-duration:.48s;--screen-trace-duration:.18s;--line:#f5c8423d;--pixel:"Press Start 2P", "Fusion Pixel 12", "IBM Plex Mono", "SFMono-Regular", monospace;--display:var(--pixel);--body:"Atkinson Hyperlegible Next", "Noto Sans HK", Arial, sans-serif;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--page:min(1360px, calc(100vw - 48px));--header-height:86px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--fog);color-scheme:dark}body{color:var(--ink);background:var(--fog);font-family:var(--body);margin:0;line-height:1.55}body:before{content:"";pointer-events:none;z-index:20;opacity:.1;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}button,input,textarea{font:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--phosphor);outline-offset:4px}.skip-link{z-index:100;background:var(--carbon);color:#fff;padding:10px 16px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}body.has-chrome{padding-top:calc(var(--header-height) + env(safe-area-inset-top,0px))}html.embedded-channel{scrollbar-gutter:stable}body.embedded-channel{padding-top:0}body.embedded-channel .site-nav,body.embedded-channel .site-tools,body.embedded-channel .nav-toggle,body.embedded-channel .skip-link{display:none}.site-tools{z-index:40;height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(12px, env(safe-area-inset-right,0px)) 0 12px;box-sizing:border-box;align-items:center;gap:8px;display:flex;position:fixed;top:0;right:0}.nav-overlay-bezel,.nav-overlay-status,.nav-overlay-meta,.nav-overlay-close,.nav-index,.nav-label small{display:none}.nav-overlay-stage,.nav-overlay-links{display:contents}.nav-label strong{font:inherit;font-weight:400}.site-nav{z-index:31;width:max-content;max-width:min(52vw,720px);height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);box-sizing:border-box;align-items:center;gap:clamp(18px,3vw,46px);display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.site-nav[hidden]{display:none!important}.nav-overlay-links a,.language,.nav-toggle{font-family:var(--pixel);text-transform:uppercase;letter-spacing:.04em;font-size:.5rem;text-decoration:none;position:relative}.nav-overlay-links a{color:var(--muted);transition:color .2s}.nav-overlay-links a:hover{color:var(--brass)}.nav-overlay-links a[aria-current=page]{color:var(--paper)}.nav-overlay-links a:before{content:"▶";font-family:var(--mono);color:var(--brass);opacity:0;font-size:.55rem;transition:opacity .2s;position:absolute;top:50%;left:-14px;transform:translateY(-58%)}.nav-overlay-links a:hover:before,.nav-overlay-links a[aria-current=page]:before{opacity:1}.language,.nav-toggle{border:1px solid var(--line);color:var(--brass);background:var(--surface);flex:none;padding:7px 10px}.nav-toggle{cursor:pointer;touch-action:manipulation;letter-spacing:.12em;justify-content:center;align-items:center;min-width:5.5rem;min-height:44px;display:none}.nav-toggle [data-state=close]{display:none}body.nav-lock{overflow:hidden}body.nav-lock .site-tools{display:none}@keyframes nav-channel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.workshop{min-height:calc(100svh - var(--header-height));width:var(--page);grid-template-columns:minmax(310px,.72fr) minmax(560px,1.28fr);align-items:center;gap:clamp(30px,5vw,90px);margin:0 auto;padding:44px 0 70px;display:grid}.workshop-copy{z-index:2;position:relative}.eyebrow{font-family:var(--pixel);text-transform:uppercase;letter-spacing:.1em;color:var(--brass);margin:0 0 22px;font-size:.55rem}.workshop h1{font-family:var(--display);letter-spacing:0;max-width:820px;color:var(--paper);margin:0;font-size:clamp(1.05rem,1.9vw,1.8rem);font-weight:400;line-height:1.6}.hero-summary{max-width:590px;color:var(--muted);margin:30px 0 0;font-size:clamp(1rem,1.25vw,1.3rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:34px;display:flex}.button{border:2px solid var(--arcade-line);text-transform:uppercase;letter-spacing:.05em;font:400 .55rem var(--pixel);cursor:pointer;padding:14px 18px;text-decoration:none;transition:transform .2s,background .2s,color .2s,border-color .2s,box-shadow .2s}.button:hover{border-color:var(--brass);transform:translateY(-2px);box-shadow:0 8px 24px #00000057}.button-primary{border-color:var(--brass);background:var(--brass);color:#000}.button-primary:before{content:"▶ "}.button-ghost{color:var(--violet);background:var(--surface)}.button[hidden]{display:none}.workshop-visual{min-width:0;position:relative}.scene-hint{text-align:right;max-width:100%;font:.66rem var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;line-height:1.5}.scene{perspective:1100px;isolation:isolate;background:radial-gradient(120% 80% at 50% 0,#131a3d 0%,#0a0c1a 58%,#030409 100%);height:min(670px,67vw);min-height:540px;max-height:670px;position:relative;overflow:hidden;box-shadow:0 22px 60px #080a1473}.scene:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#63c6c10f 0 1px,#0000 1px 46px),repeating-linear-gradient(0deg,#63c6c10d 0 1px,#0000 1px 46px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 55%);mask-image:linear-gradient(#000000e6,#0000 55%)}.scene :focus-visible{outline-color:var(--phosphor)}.arcade-room{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.arcade-room i{display:block;position:absolute}.arcade-ceiling{clip-path:polygon(0 0,100% 0,86% 100%,13% 100%);background:linear-gradient(#1a2148,#0d0f1a);height:13%;inset:0 0 auto}.arcade-wall{background:linear-gradient(#121834,#0d1126);inset:0 0 26%}.arcade-horizon{background:var(--neon);height:3px;box-shadow:0 0 18px var(--neon-dim);bottom:26%;left:0;right:0}.arcade-floor{clip-path:polygon(0 31%,100% 18%,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#ff3ea54d 0 2px,#0000 2px 52px),linear-gradient(#0f1430,#070910);height:26%;bottom:0;left:0;right:0}.neon-frame{z-index:1;pointer-events:none;height:38%;position:absolute;inset:13% 4% auto}.neon-frame i{background:#63c6c18c;width:3px;position:absolute;top:0;bottom:0;box-shadow:0 0 14px #63c6c166}.neon-frame i:first-child{left:0}.neon-frame i:last-child{right:0}.arcade-sign{z-index:1;border:1px solid var(--arcade-line);font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;background:#0d0f1ab3;align-items:baseline;gap:10px;padding:8px 16px;display:inline-flex;position:absolute;top:7%;left:50%;transform:translate(-50%);box-shadow:0 0 24px #63c6c133}.arcade-sign span{color:var(--arcade-text);font-size:.62rem}.arcade-sign b{color:var(--neon);text-shadow:0 0 10px var(--neon-dim);font-size:.72rem}.scene-glow{filter:blur(45px);background:radial-gradient(closest-side,#ff3ea547,#63c6c129,#0000);width:55%;height:70%;position:absolute;top:8%;left:23%}.cab-marquee{background:linear-gradient(90deg, var(--neon), #ff77c2);height:12%;box-shadow:0 0 16px var(--neon-dim);margin:6% 7% 4%;display:block}.cab-marquee:after{content:"PLAY";text-align:center;line-height:1.3;font:700 .44rem var(--mono);letter-spacing:.3em;color:var(--arcade-bg);display:block}.cab-screen{background:#05070f;border:2px solid #63c6c166;height:34%;margin:0 7%;display:block;position:relative;box-shadow:inset 0 0 14px #63c6c140}.cab-screen:after{content:"";background:repeating-linear-gradient(0deg,#00000080 0 2px,#0000 2px 4px);position:absolute;inset:0}.cab-deck{background:#10152a;border:1px solid #63c6c140;height:9%;margin:8% 7% 0;display:block;transform:perspective(120px)rotateX(24deg)}.cab-coin{background:var(--phosphor);width:14%;height:3.5%;margin:6% auto 0;display:block;box-shadow:0 0 10px #63c6c199}.leaderboard{z-index:1;border:1px solid var(--arcade-line);width:20%;font-family:var(--mono);text-transform:uppercase;background:#0a0d19d9;padding:10px 12px;position:absolute;top:16%;right:4%;box-shadow:0 0 22px #63c6c12e}.leaderboard b{color:var(--neon);letter-spacing:.16em;text-shadow:0 0 8px var(--neon-dim);margin-bottom:6px;font-size:.56rem;display:block}.leaderboard ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.leaderboard li{color:var(--phosphor);letter-spacing:.08em;white-space:nowrap;font-size:.52rem;overflow:hidden}.leaderboard li i{color:var(--arcade-text);margin-right:7px;font-style:normal}@media (prefers-reduced-motion:no-preference){.coin-line{animation:1.6s step-end infinite coin-blink}}@keyframes coin-blink{50%{opacity:.25}}.cartridge-rack{z-index:1;border-bottom:3px solid #10152a;grid-template-columns:repeat(6,1fr);align-items:end;gap:4px;width:20%;height:9%;display:grid;position:absolute;top:44%;right:4%}.cartridge-rack i{border-top:3px solid var(--phosphor);background:#10152a;height:78%;box-shadow:inset 0 0 6px #63c6c14d}.cartridge-rack i:nth-child(2n){border-top-color:var(--neon);height:92%}.token-machine{z-index:3;border:1px solid var(--arcade-line);background:linear-gradient(#1a2148,#0d1122);width:9%;height:24%;position:absolute;bottom:14%;right:6%;box-shadow:0 0 18px #63c6c133,8px 12px 18px #00000080}.token-machine .stick{aspect-ratio:1;background:var(--neon);width:26%;box-shadow:0 0 12px var(--neon-dim);border-radius:50%;position:absolute;top:-18%;left:50%;transform:translate(-50%)}.token-machine .coin-slot{background:var(--phosphor);width:34%;height:3%;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 0 8px #63c6c199}.scene-object{z-index:8;color:var(--arcade-text);text-decoration:none;transition:transform .2s,filter .2s;position:absolute}.scene-object span{white-space:nowrap;font:.58rem var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--arcade-line);background:var(--arcade-panel);color:var(--arcade-text);opacity:0;padding:5px 7px;transition:opacity .2s;position:absolute}.scene-object:hover,.scene-object:focus-visible{filter:drop-shadow(0 0 10px var(--neon-dim));transform:translateY(-4px)}.scene-object:hover span,.scene-object:focus-visible span{opacity:1}.cab-link{width:17%;height:36%;bottom:20%;left:15%}.cab-link span{bottom:104%;left:0}.crt-link{width:36%;height:52%;bottom:18%;left:32%}.crt-link span{bottom:104%;left:6%}.crt-screen{height:100%;color:var(--phosphor);font-family:var(--mono);text-align:center;text-shadow:0 0 8px #63c6c180;background:#05070f;border:6px solid #111527;border-radius:4%/6%;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 28px #63c6c14d,0 0 26px #63c6c12e}.crt-screen:after{content:"";background:repeating-linear-gradient(0deg,#00000080 0 2px,#0000 2px 4px);position:absolute;inset:0}.crt-screen strong{font-family:var(--display);letter-spacing:0;color:var(--arcade-text);text-shadow:0 0 12px #f5c8428c;font-size:clamp(.7rem,1.6vw,1.1rem);line-height:1.5}.crt-screen>span:not(.screen-status){letter-spacing:.06em;font-size:clamp(.36rem,.7vw,.65rem)}.screen-status{font-size:.5rem;position:absolute;top:9px;left:11px}.coin-line{color:var(--neon);letter-spacing:.28em;text-shadow:0 0 10px var(--neon-dim);font-size:clamp(.42rem,.8vw,.7rem);font-weight:700}.screen-trace{border-top:1px solid;border-bottom:1px solid;width:42%;height:12px;margin-top:8px;transform:skew(-30deg)}.score-link{border:1px solid var(--arcade-line);background:#0a0d19d9;width:20%;height:13%;padding:3.5% 5%;bottom:44%;right:6%;box-shadow:0 0 18px #ff3ea533}.score-link span{bottom:110%;right:0}.score-head{color:var(--neon);font:700 .5rem var(--mono);letter-spacing:.16em;margin-bottom:6px;display:block}.score-link i{background:#63c6c166;height:8px;margin-bottom:4px;display:block}.score-link i:nth-child(4){background:#ff3ea566}#three-canvas{z-index:12;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.scene-exit{z-index:14;border:1px solid var(--paper);color:var(--paper);font:.66rem var(--mono);text-transform:uppercase;cursor:pointer;background:#1c1b1ac7;padding:10px;display:none;position:absolute;bottom:14px;right:14px}.three-guide,.three-help,.three-reset,.three-menu{display:none}.three-guide,.three-help,.three-reset,.scene-exit{transition:opacity .8s}.scene[data-mode=three][data-intro=true] .three-guide,.scene[data-mode=three][data-intro=true] .three-help,.scene[data-mode=three][data-intro=true] .three-reset,.scene[data-mode=three][data-intro=true] .scene-exit{opacity:0!important;pointer-events:none!important}.scene[data-mode=three]>:not(canvas):not(.scene-vignette):not(.scene-exit):not(.three-guide):not(.three-help):not(.three-reset):not(.three-menu):not(.three-screen-start):not(.three-screen-frame):not(.three-channel-bar){opacity:0;pointer-events:none}.scene[data-mode=three] #three-canvas{opacity:1}.scene[data-mode=three][data-phase=welcome] #three-canvas{pointer-events:auto}.three-screen-start{display:none}.scene[data-mode=three][data-phase=welcome] .three-screen-start{z-index:17;appearance:none;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:clamp(8px,1vw,16px);width:52%;height:38%;display:block;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.scene[data-mode=three][data-phase=welcome] .three-screen-start:focus-visible{border-color:var(--phosphor);box-shadow:0 0 22px #63c6c159}.scene[data-mode=three][data-intro=true] #three-canvas{pointer-events:auto;cursor:pointer}.scene[data-mode=three] .scene-vignette{z-index:13;pointer-events:none;background:radial-gradient(120% 92% at 50% 42%,#0000 50%,#020308b8 100%);position:absolute;inset:0}.scene[data-mode=loading]:after{content:"INSERT COIN · LOADING…";z-index:20;color:var(--phosphor);background:var(--arcade-bg);font:.7rem var(--mono);letter-spacing:.14em;place-items:center;display:grid;position:absolute;inset:0}.scene[data-mode=three] .scene-exit{display:block}.three-screen-frame{z-index:19;top:var(--screen-top,50%);left:var(--screen-left,50%);width:var(--screen-width,1px);height:var(--screen-height,1px);background:#05070f;border:clamp(2px,.25vw,4px) solid #11182b;border-radius:clamp(8px,1vw,16px);display:none;position:absolute}.scene[data-mode=three][data-channel=open] .three-screen-frame{display:block}.three-channel-bar{z-index:95;left:calc(var(--screen-left,50%) + var(--screen-width,0px) / 2);top:min(calc(var(--screen-top,50%) + var(--screen-height,0px) + 12px), calc(100% - 6.75rem));width:min(34rem, var(--screen-width,34rem), calc(100vw - 4rem));border:1px solid var(--arcade-line);box-sizing:border-box;backdrop-filter:blur(10px);background:#05060ce6;flex-direction:column;align-items:stretch;gap:8px;padding:8px;display:none;position:absolute;transform:translate(-50%)}.scene[data-mode=three][data-channel=open] .three-channel-bar{display:flex}.three-channel-travel,.three-channel-actions{align-items:center;gap:8px;min-width:0;display:flex}.three-channel-actions{justify-content:stretch}.three-channel-bar button{border:2px solid var(--arcade-line);color:var(--brass);font:400 .48rem var(--pixel);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;cursor:pointer;background:#000000d1;flex:none;padding:10px 12px;transition:background .2s,color .2s}.three-channel-actions button{text-align:center;flex:1 1 0}.three-channel-bar button:hover:not(:disabled){color:#000;background:var(--brass)}.three-channel-bar button:disabled{opacity:.35;cursor:default}.three-channel-path{text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:0;font:400 .48rem var(--pixel);letter-spacing:.05em;color:var(--violet);text-transform:uppercase;flex:1;overflow:hidden}.scene[data-mode=three][data-channel=open][data-zoom=in] .three-screen-frame{outline-offset:3px;border-color:#1d2a4a;outline:1px solid #63c6c14d;width:calc(100vw - 2*clamp(12px,3vw,40px));height:calc(100svh - 2*clamp(12px,3vh,32px) - 6rem);position:fixed;top:clamp(12px,3vh,32px);left:clamp(12px,3vw,40px);box-shadow:0 0 0 1px #050810d9,0 0 44px #63c6c129,0 22px 70px #0000008c}@media (prefers-reduced-motion:no-preference){.scene[data-mode=three][data-channel=open][data-zoom=in] .three-screen-frame{animation:.26s cubic-bezier(.2,.8,.2,1) channel-zoom-in}}@keyframes channel-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.scene[data-mode=three][data-channel=open][data-zoom=in] .three-channel-bar{top:auto;left:50%;bottom:max(clamp(12px, 3vh, 32px), calc(env(safe-area-inset-bottom,0px) + 8px));background:#05060cf0;border-color:#63c6c16b;gap:6px;width:min(34rem,100vw - 8.5rem);padding:6px;position:fixed;box-shadow:0 0 26px #63c6c124}.scene[data-mode=three][data-channel=open][data-zoom=in] .three-channel-bar button{padding-block:8px}.three-screen-frame:focus-visible,.three-channel-bar button:focus-visible{outline:2px solid var(--phosphor);outline-offset:2px}body.three-experience{touch-action:none;padding-top:0;overflow:hidden}body.three-experience .site-tools,body.three-experience .site-nav,body.three-experience .nav-toggle{display:none}body.three-experience .workshop{min-height:0;padding:0;display:block}body.three-experience .workshop-copy{display:none}body.three-experience .workshop-visual{z-index:50;width:100vw;height:100svh;margin:0;position:fixed;inset:0}body.three-experience .scene-hint{display:none}body.three-experience .scene{width:100%;max-width:none;height:100svh;min-height:100svh;max-height:none;box-shadow:none}.three-menu-link:focus-visible,.scene-exit:focus-visible,.three-reset:focus-visible,.three-help:focus-visible,.three-guide .button:focus-visible{outline:2px solid var(--phosphor);outline-offset:-2px}.scene[data-mode=three] .three-menu{z-index:18;top:var(--menu-top,50%);left:var(--menu-left,50%);width:var(--menu-width,1px);height:var(--menu-height,1px);color:var(--arcade-text);outline-offset:calc(clamp(2px, .25vw, 4px) * -1);opacity:0;visibility:hidden;pointer-events:none;filter:brightness(.55)saturate(.7);transform-origin:50%;background:#070b17;border:clamp(2px,.25vw,4px) solid #11182b;border-radius:clamp(5px,.7vw,11px);outline:1px solid #63c6c19e;grid-template-rows:auto 1fr auto;transition:opacity .38s ease-out,visibility 0s linear .38s;display:grid;position:absolute;overflow:hidden;transform:scale(.945);box-shadow:inset 0 0 80px #4a63ff21,0 0 34px #63c6c13d}.scene[data-mode=three] .three-menu-status{min-height:40px;padding-inline:clamp(16px,2.4vw,30px);font-size:.54rem}.scene[data-mode=three] .three-menu-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:clamp(10px,1.6vw,20px);min-height:0;padding:clamp(14px,2.2vw,26px) clamp(16px,2.2vw,30px);overflow:hidden}.scene[data-mode=three] .three-menu-intro{text-align:center}.scene[data-mode=three] .three-menu-intro p{margin-bottom:9px;font-size:.52rem}.scene[data-mode=three] .three-menu-intro h2{font-size:clamp(.72rem,1.05vw,.95rem);line-height:1.5}.scene[data-mode=three] .three-menu-intro>span{margin-top:13px;font-size:clamp(.62rem,.8vw,.78rem)}.scene[data-mode=three] .three-menu-list{grid-row:2;min-height:0}.scene[data-mode=three] .three-menu-link{grid-template-columns:34px 1fr auto;gap:8px;min-height:0;padding:5px 8px}.scene[data-mode=three] .three-menu-label{grid-template-columns:minmax(96px,auto) minmax(0,1fr);gap:9px}.scene[data-mode=three] .three-menu-label strong{font-size:clamp(.52rem,.8vw,.68rem);line-height:1.5}.scene[data-mode=three] .three-menu-index,.scene[data-mode=three] .three-menu-label small{font-size:.46rem}.scene[data-mode=three] .three-menu-label small{overflow-wrap:anywhere}.scene[data-mode=three] .three-menu-footer{min-height:32px;padding-inline:clamp(16px,2.4vw,30px);font-size:.44rem}.scene[data-mode=three] .three-menu:before{content:"";z-index:-1;border-top:1px solid #63c6c12e;border-left:1px solid #63c6c12e;width:34%;height:52%;position:absolute;top:12%;right:0;box-shadow:-34px 34px 0 -33px #63c6c129,-68px 68px 0 -67px #ff3ea529}.scene[data-mode=three] .three-menu:after{content:"";z-index:4;opacity:.3;pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#00000038 4px 5px);position:absolute;inset:0}.scene[data-mode=three][data-phase=menu] .three-menu{opacity:1;visibility:visible;pointer-events:auto;filter:brightness()saturate();transition:opacity .38s ease-out,filter .72s cubic-bezier(.22,.9,.28,1.02),transform .72s cubic-bezier(.22,.9,.28,1.02),visibility;animation:.72s ease-out both menu-boot-sweep;transform:scale(1)}@keyframes menu-boot-sweep{0%{clip-path:inset(0 0 97%)}to{clip-path:inset(0 0 0%)}}.scene[data-mode=three][data-phase=menu] .three-menu-status>*,.scene[data-mode=three][data-phase=menu] .three-menu-intro>*,.scene[data-mode=three][data-phase=menu] .three-menu-list li,.scene[data-mode=three][data-phase=menu] .three-menu-footer>*{animation:.38s cubic-bezier(.22,.9,.28,1) both menu-item-in}.scene[data-mode=three][data-phase=menu] .three-menu-status>*{animation-delay:.26s}.scene[data-mode=three][data-phase=menu] .three-menu-intro>*{animation-delay:.33s}.scene[data-mode=three][data-phase=menu] .three-menu-list li:first-child{animation-delay:.35s}.scene[data-mode=three][data-phase=menu] .three-menu-list li:nth-child(2){animation-delay:.4s}.scene[data-mode=three][data-phase=menu] .three-menu-list li:nth-child(3){animation-delay:.45s}.scene[data-mode=three][data-phase=menu] .three-menu-list li:nth-child(4){animation-delay:.5s}.scene[data-mode=three][data-phase=menu] .three-menu-list li:nth-child(5){animation-delay:.55s}.scene[data-mode=three][data-phase=menu] .three-menu-footer>*{animation-delay:.59s}@keyframes menu-item-in{0%{opacity:0;filter:blur(3px);transform:translateY(7px)}to{opacity:1;filter:blur();transform:translateY(0)}}.three-menu-status,.three-menu-footer{z-index:2;color:#e9edffa3;min-height:54px;font:.62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #63c6c140;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 clamp(22px,4vw,64px);display:grid;position:relative}.three-menu-status strong{color:var(--neon);text-shadow:0 0 14px var(--neon-dim);font-weight:700}.three-menu-status>span:nth-child(2){justify-self:center}.three-menu-status>span:last-child,.three-menu-footer>span:last-child{justify-self:end}.three-menu-status i{background:var(--phosphor);width:6px;height:6px;box-shadow:0 0 12px var(--phosphor);border-radius:50%;margin-right:8px;display:inline-block}.three-menu-body{z-index:2;grid-template-columns:minmax(220px,.75fr) minmax(360px,1.25fr);align-items:center;gap:clamp(36px,7vw,118px);padding:clamp(34px,5vw,78px) clamp(34px,7vw,110px);display:grid;position:relative}.three-menu-intro p{color:var(--phosphor);font:.62rem var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}.three-menu-intro h2{max-width:520px;font:400 clamp(.85rem, 1.6vw, 1.35rem) / 1.6 var(--display);letter-spacing:-.055em;margin:0}.three-menu-intro>span{color:#e9edffad;max-width:390px;margin-top:24px;font-size:clamp(.78rem,1.1vw,1rem);display:block}.three-menu-list{border-bottom:1px solid #63c6c142;grid-template-rows:repeat(5,1fr);align-self:stretch;min-width:0;margin:0;padding:0;list-style:none;display:grid}.three-menu-list li{border-top:1px solid #63c6c142;min-height:0}.three-menu-link{height:100%;min-height:64px;color:var(--arcade-text);grid-template-columns:46px 1fr auto;align-items:center;gap:14px;padding:10px 12px;text-decoration:none;display:grid;position:relative;overflow:hidden}.three-menu-link:before{content:"";border-left:3px solid var(--neon);transition:right var(--screen-trace-duration) ease-out;background:#63c6c11c;position:absolute;inset:0 100% 0 0}.three-menu-link:hover:before,.three-menu-link:focus-visible:before{right:0}.three-menu-index,.three-menu-label,.three-menu-arrow{z-index:1;position:relative}.three-menu-index{color:var(--phosphor);font:.66rem var(--mono);letter-spacing:.08em}.three-menu-label{grid-template-columns:minmax(100px,.7fr) 1fr;align-items:baseline;gap:16px;display:grid}.three-menu-label strong{font:400 clamp(.6rem, 1vw, .82rem) var(--display);letter-spacing:-.035em}.three-menu-label small{color:#e9edff94;font:.61rem/1.4 var(--mono);letter-spacing:.03em;text-transform:uppercase}.three-menu-arrow{color:var(--neon);font:1rem var(--mono)}.three-menu-footer{border-top:1px solid #ff3ea529;border-bottom:0;grid-template-columns:1fr auto;min-height:44px;font-size:.56rem}.scene[data-mode=three] .three-reset{z-index:90;color:var(--paper);font:.66rem var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(12px);background:#191b19bd;border:1px solid #e7e3da8c;padding:10px;display:block;position:fixed;bottom:26px;left:24px}.scene[data-mode=three] .three-help{z-index:90;border:1px solid var(--arcade-line);color:var(--arcade-text);background:var(--arcade-panel);font:.62rem var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(12px);padding:9px 11px;display:block;position:fixed;top:24px;right:24px}.three-guide[hidden]{display:none}.scene[data-mode=three] .three-guide:not([hidden]){z-index:30;width:min(410px,100% - 40px);color:var(--paper);border-left:2px solid var(--neon);backdrop-filter:blur(14px);background:#0d0f1aed;padding:27px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 68px #04060e80}.three-guide .eyebrow{color:var(--phosphor);margin-bottom:9px}.three-guide h2{font:400 clamp(.8rem, 1.5vw, 1.2rem) / 1.6 var(--display);letter-spacing:-.045em;margin:0}.three-guide>p:not(.eyebrow){color:#edede8d1;margin:14px 0 0;font-size:.92rem}.three-guide .three-guide-exit{color:var(--phosphor);font:.7rem/1.55 var(--mono)}.three-guide .button{margin-top:22px}.scene[data-mode=three]{touch-action:none}body.three-experience .scene-exit{z-index:90;backdrop-filter:blur(12px);background:#191b19bd;border-color:#e7e3da8c;position:fixed;bottom:26px;right:24px}@media (width<=900px),(height<=680px){.three-menu-status{min-height:42px}.three-menu-body{grid-template-columns:minmax(180px,.7fr) minmax(320px,1.3fr);gap:clamp(24px,5vw,56px);padding:22px clamp(28px,5vw,54px)}.three-menu-intro p{margin-bottom:10px;font-size:.55rem}.three-menu-intro h2{font-size:clamp(2.2rem,5vw,3.8rem)}.three-menu-intro>span{margin-top:14px;font-size:.72rem}.three-menu-link{min-height:50px;padding-block:6px}.three-menu-footer{min-height:34px}}@media (height<=680px){.scene[data-mode=three] .three-menu-intro{display:none}}@media (width<=620px){.scene-hint{width:auto;max-width:calc(100% - 28px);color:var(--paper);background:var(--carbon);text-align:left;text-wrap:balance;white-space:normal;margin:0 14px 8px;padding:8px 10px;font-size:.57rem;line-height:1.55}body.three-experience .scene-hint,.scene[data-mode=three] .three-help{top:14px;right:14px}.scene[data-mode=three] .three-guide:not([hidden]){width:min(360px,100% - 28px);padding:21px}.three-menu-status{grid-template-columns:1fr auto;min-height:28px;padding-inline:12px;font-size:.46rem}.three-menu-status>span:nth-child(2){display:none}.three-menu-body{grid-template-columns:1fr;min-height:0;padding:6px 12px;display:grid}.three-menu-intro{display:none}.three-menu-list{min-height:0}.scene[data-mode=three] .three-menu:before{display:none}.three-menu-link{grid-template-columns:30px 1fr auto;gap:8px;min-height:0;padding:3px 6px}.three-menu-label{display:block}.three-menu-label strong{font:400 clamp(.5rem, 3.2vw, .66rem) var(--display)}.three-menu-label small{display:none}.three-menu-index{font-size:.5rem}.three-menu-arrow{font-size:.72rem}.three-menu-footer{min-height:24px;padding-inline:12px;font-size:.42rem}.scene[data-mode=three] .three-reset{bottom:14px;left:14px}body.three-experience .scene-exit{bottom:14px;right:14px}.scene[data-mode=three][data-channel=open] .three-channel-bar{width:min(22.5rem,100vw - 28px);top:min(calc(var(--screen-top,50%) + var(--screen-height,0px) + 8px), calc(100% - 6.5rem))}.scene[data-mode=three][data-channel=open][data-zoom=in] .three-channel-bar{width:min(22.5rem,100vw - 28px)}}.section{width:var(--page);border-top:1px solid var(--line);margin:0 auto;padding:clamp(90px,11vw,170px) 0}.section-heading{grid-template-columns:2fr 1fr;align-items:end;gap:50px;margin-bottom:60px;display:grid}.section-heading h2,.about-copy h2,.site-footer h2{max-width:860px;font:400 clamp(.95rem, 2vw, 1.55rem)/1.6 var(--display);letter-spacing:-.055em;color:var(--paper);margin:0}.section-heading>p{max-width:410px;color:var(--muted);margin:0}.project-grid{grid-template-columns:repeat(2,1fr);gap:clamp(25px,4vw,60px) 22px;display:grid}.project-card a{text-decoration:none;display:block}.project-visual{border:1px solid var(--line);background:#0b1517;height:clamp(280px,38vw,540px);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 9px #0304099e,inset 0 0 0 10px #63c6c11f}.project-card a:hover .project-visual{border-color:#63c6c194;transform:scale(.985);box-shadow:inset 0 0 0 9px #0304099e,inset 0 0 0 10px #63c6c13d,0 16px 42px #00000057}.visual-grid{background-image:linear-gradient(#63c6c114 1px,#0000 1px),linear-gradient(90deg,#63c6c114 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.visual-orbit{aspect-ratio:1;border:1px solid var(--phosphor);border-radius:50%;width:48%;position:absolute;top:22%;left:26%;box-shadow:0 0 0 20px #63c6c114,0 0 0 42px #efc27d0a,0 0 28px #63c6c126}.visual-orbit:before,.visual-orbit:after{content:"";background:var(--brass);position:absolute}.visual-orbit:before{width:130%;height:1px;top:50%;left:-15%;transform:rotate(32deg)}.visual-orbit:after{aspect-ratio:1;background:var(--neon);width:17%;box-shadow:0 0 13px var(--neon-dim);border-radius:50%;top:14%;right:-6%}.visual-chip{z-index:1;border:1px solid var(--copper);color:var(--brass);font:.62rem var(--mono);letter-spacing:.08em;background:#05070bb8;padding:5px 8px;position:absolute;top:18px;left:18px}.project-visual>strong{z-index:1;font:400 clamp(1.2rem, 3vw, 2.1rem)/1.5 var(--display);color:#efc27d1f;position:absolute;bottom:8px;right:19px}.project-visual img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.project-visual.has-media{background:#050507}.project-visual.has-media .visual-chip{background:#05070bd1}.project-visual.has-media>strong{color:#f5c84247;text-shadow:0 1px 12px #000000b3}.visual-1{background:#0d1715}.visual-1 .visual-orbit{border-color:var(--amber);border-radius:0;transform:rotate(16deg)}.visual-2{background:#17110f}.visual-2 .visual-orbit{border-width:8px;border-color:var(--brass);width:30%;left:35%}.visual-3{background:#120e17}.visual-3 .visual-orbit{border-color:var(--violet);border-radius:46% 10%;transform:skew(-12deg)}.project-meta{grid-template-columns:.7fr 1.3fr;gap:6px 20px;padding:17px 2px 0;display:grid;position:relative}.project-meta:before{content:"";background:var(--copper);width:38px;height:1px;transition:width .35s;position:absolute;top:0;left:2px;box-shadow:40px 0 0 -.25px #63c6c159}.project-card a:hover .project-meta:before,.project-card a:focus-visible .project-meta:before{width:min(42%,220px)}.project-meta p{font:.63rem var(--mono);color:var(--muted);text-transform:uppercase;margin:0}.project-meta h3{font:400 clamp(.66rem, 1.1vw, .92rem) var(--display);color:var(--paper);margin:0}.project-meta>span{color:var(--muted);grid-column:2}.text-link{font:.75rem var(--mono);text-transform:uppercase;text-underline-offset:5px;color:var(--brass);text-decoration-color:var(--copper);margin-top:45px;display:inline-block}.about-section{grid-template-columns:.65fr 1.35fr;gap:8vw;display:grid}.about-page-body{border:0;align-items:end;padding:0 0 80px}.portrait-placeholder{aspect-ratio:4/5;background:var(--carbon);width:min(300px,100%);color:var(--phosphor);border:1px solid var(--line);place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 8px #030409b8,0 18px 48px #00000047}.portrait-placeholder:before{content:"";border:1px solid #63c6c173;border-radius:48% 48% 30% 30%;position:absolute;inset:10%}.portrait-placeholder:after{content:"";background:var(--phosphor);height:1px;position:absolute;top:44%;left:15%;right:15%;box-shadow:0 -40px #63c6c14d,0 40px #63c6c14d}.portrait-placeholder span{font:400 1rem var(--display);opacity:.16}.about-copy>p{max-width:780px;color:var(--muted);font-size:clamp(1.15rem,1.7vw,1.55rem)}.capabilities{flex-wrap:wrap;gap:8px;margin-top:42px;display:flex}.capabilities span{color:var(--brass);background:var(--surface);font:.68rem var(--mono);text-transform:uppercase;border:1px solid #bd7d4873;padding:8px 11px}.experience-list{border-top:1px solid var(--line)}.experience-list article{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 1.3fr;align-items:start;gap:30px;padding:28px 16px;transition:background .25s,border-color .25s;display:grid}.experience-list article:hover{background:var(--surface-raised);border-bottom-color:#63c6c180}.experience-list article>span,.experience-list article div p{font:.65rem var(--mono);color:var(--muted);text-transform:uppercase}.experience-list article>span{color:var(--brass)}.experience-list h3{font:400 .72rem var(--display);color:var(--paper);margin:0 0 5px}.experience-list p{margin:0}.post-list{border-top:1px solid var(--line)}.post-list a{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr 1.4fr 55px;align-items:baseline;gap:30px;padding:28px 16px;text-decoration:none;transition:background .25s,border-color .25s;display:grid}.post-list a:hover{background:var(--surface-raised);border-bottom-color:#bd7d48a6}.post-list time{font:.65rem var(--mono);color:var(--brass)}.post-list h3{font:400 .78rem var(--display);color:var(--paper);margin:0}.post-list p{color:var(--muted);margin:0}.site-footer{width:var(--page);padding:90px 0 max(25px, env(safe-area-inset-bottom,0px));border-top:2px solid var(--arcade-line);text-align:center;color:var(--ink);grid-template-columns:1fr;justify-items:center;gap:34px;margin:0 auto;display:grid}.footer-links{font:400 .5rem var(--pixel);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;align-items:center;gap:12px;display:flex}.footer-links a{color:var(--muted);text-underline-offset:4px;text-decoration-color:#63c6c159;transition:color .2s}.footer-links a:hover{color:var(--phosphor)}.copyright{border-top:1px solid var(--line);font:400 .45rem var(--pixel);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);grid-column:1/-1;margin-top:40px;padding-top:20px;line-height:2}.inner-page,.article-page{width:var(--page);margin:0 auto;padding-bottom:120px}.page-hero{grid-template-columns:2fr 1fr;align-items:end;column-gap:50px;padding:clamp(80px,11vw,170px) 0 clamp(65px,8vw,120px);display:grid;position:relative}.page-hero:after{content:"";background-image:repeating-linear-gradient(90deg, var(--copper) 0 6px, transparent 6px 13px);opacity:.85;height:3px;position:absolute;bottom:0;left:0;right:0}.page-hero:before{content:"";z-index:1;background:var(--brass);width:7px;height:7px;position:absolute;bottom:-3px;right:0}.page-hero .eyebrow{grid-column:1/-1}.page-hero h1,.article-hero h1{font:400 clamp(.95rem, 2.3vw, 1.8rem)/1.55 var(--display);letter-spacing:0;text-wrap:balance;overflow-wrap:anywhere;color:var(--brass);border:3px solid var(--neon);outline:2px solid var(--brass);outline-offset:3px;background:#000000b8;justify-self:start;margin:0;padding:clamp(18px,2.6vw,34px) clamp(22px,3.4vw,44px);position:relative}.page-hero h1:before,.page-hero h1:after,.article-hero h1:before,.article-hero h1:after{content:"";z-index:1;background:var(--brass);width:7px;height:7px;position:absolute}.page-hero h1:before,.article-hero h1:before{top:-12px;left:-12px}.page-hero h1:after,.article-hero h1:after{bottom:-12px;right:-12px}.page-hero>p:last-child{max-width:480px;color:var(--muted);margin:0;font-size:1.1rem}.article-page{max-width:1160px}.article-hero{padding:clamp(80px,10vw,150px) 0 70px}.article-hero>p:not(.eyebrow){max-width:720px;color:var(--muted);font-size:clamp(1.15rem,2vw,1.5rem)}.article-byline{border-block:1px solid var(--line);font:.68rem var(--mono);text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:15px 35px;margin-top:35px;padding:18px 0;display:flex}.translation-link{font:.7rem var(--mono);text-transform:uppercase;color:var(--brass);margin-top:24px;display:inline-block}.tag-list{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.tag-list span{border:1px solid var(--line);color:var(--phosphor);background:var(--surface);font:.61rem var(--mono);text-transform:uppercase;padding:5px 8px}.project-detail-visual{border:1px solid var(--line);background-color:#0b1517;background-image:linear-gradient(#63c6c114 1px,#0000 1px),linear-gradient(90deg,#63c6c114 1px,#0000 1px);background-size:42px 42px;height:min(55vw,620px);min-height:350px;position:relative;overflow:hidden}.project-detail-visual span{aspect-ratio:1;border:1px solid var(--phosphor);border-radius:50%;width:35%;position:absolute;top:18%;left:32%;box-shadow:0 0 0 38px #63c6c114,0 0 0 76px #efc27d0b,0 0 34px #63c6c12e}.project-detail-visual span:nth-child(2){border:0;border-left:2px solid var(--copper);width:2px;height:80%;box-shadow:none;border-radius:0;top:10%;left:50%;transform:rotate(50deg)}.project-detail-visual strong{font:1rem var(--mono);letter-spacing:.1em;color:var(--brass);position:absolute;bottom:14px;right:20px}.project-detail-visual.has-media{background:#050507}.project-detail-visual.has-media img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.prose{max-width:760px;margin:80px auto;font-size:clamp(1.05rem,1.4vw,1.25rem)}.project-links{flex-wrap:wrap;gap:12px;margin-top:2.2em;display:flex}.prose h2,.prose h3{font-family:var(--display);color:var(--brass);margin-top:2.3em;font-weight:400;line-height:1.6}.prose h2{font-size:2.3rem}.prose h3{font-size:1.6rem}.prose p{margin:1.35em 0}.prose a:not(.button){text-decoration-color:var(--copper);text-underline-offset:4px;text-decoration-thickness:2px}.prose blockquote{border-left:3px solid var(--copper);font-family:var(--body);margin:2em 0;padding:2px 0 2px 25px;font-size:1.15rem;font-style:italic}.prose code{font-family:var(--mono);color:var(--phosphor);background:var(--surface-raised);font-size:.86em}.prose pre{border:1px solid var(--line);background:var(--surface);padding:20px;overflow-x:auto}.back-nav{border-top:1px solid var(--line);max-width:760px;font:.7rem var(--mono);text-transform:uppercase;margin:0 auto;padding-top:25px}.video-embed{aspect-ratio:16/9;background:var(--carbon);max-width:1000px;margin:0 auto 60px}.video-embed iframe{border:0;width:100%;height:100%}.author-box{border:1px solid var(--line);background:var(--surface);grid-template-columns:80px 1fr;gap:24px;max-width:760px;margin:60px auto 100px;padding:25px;display:grid}.author-box>div{aspect-ratio:1;background:var(--carbon);color:var(--phosphor);font:1.3rem var(--display);place-items:center;display:grid}.author-box p{margin:0}.search-box{border-block:1px solid var(--line);grid-template-columns:180px 1fr auto;align-items:center;gap:20px;margin-bottom:55px;padding:22px 0;display:grid}.search-box label{font:.7rem var(--mono);text-transform:uppercase}.search-box input{border:0;border-bottom:1px solid var(--arcade-line);background:var(--surface);color:var(--paper);padding:10px 2px;font-size:1.05rem}.search-box p{font:.65rem var(--mono)}.blog-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.blog-grid article{border-bottom:1px solid var(--line)}.blog-grid article:nth-child(odd){border-right:1px solid var(--line)}.blog-grid article:last-child:nth-child(odd){border-right:0;grid-column:1/-1}.blog-grid article:last-child:nth-child(odd) a{max-width:760px}.blog-grid a{flex-direction:column;min-height:360px;padding:30px;text-decoration:none;transition:background .25s,border-color .25s;display:flex}.blog-grid a:hover{background:var(--surface-raised)}.post-number,.blog-grid time{font:.63rem var(--mono);text-transform:uppercase}.post-number{color:#efc27d57;align-self:end;font-size:2rem}.blog-grid h2{font:400 .9rem var(--display);color:var(--paper);margin:auto 0 12px}.blog-grid p{color:var(--muted);margin:0}.comments{border-top:1px solid var(--line);margin:100px 0;padding-top:70px}.comments-heading{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:50px;display:grid}.comments-heading h2{font:400 .95rem var(--display);color:var(--paper);margin:0}.comments-heading>p{color:var(--muted)}.comment-list{border-top:1px solid var(--line)}.comment{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;padding:24px 0;display:grid}.comment div{flex-direction:column;display:flex}.comment time{color:var(--muted);font:.62rem var(--mono)}.comment strong{color:var(--brass)}.comment p{white-space:pre-wrap;margin:0}.comment-empty{color:var(--muted);padding:25px 0}.comment-form,.contact-form{gap:24px;margin-top:55px;display:grid}.form-row{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.comment-form label,.contact-form label{font:.68rem var(--mono);text-transform:uppercase;gap:7px;display:grid}.comment-form input,.comment-form textarea,.contact-form input,.contact-form textarea{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:1rem var(--body);text-transform:none;border-radius:0;padding:13px}.comment-form input:focus,.comment-form textarea:focus,.contact-form input:focus,.contact-form textarea:focus{border-color:var(--phosphor);outline-offset:2px;outline:1px solid #63c6c159}.honeypot{position:absolute!important;left:-9999px!important}.form-submit{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.form-status{color:var(--muted);margin:0;font-size:.85rem}.turnstile-slot{min-height:65px}.contact-grid{grid-template-columns:1.4fr .6fr;gap:8vw;display:grid}.contact-form{margin-top:0}.contact-grid aside{border-top:1px solid var(--line);padding-top:25px}.contact-grid aside a{border-bottom:1px solid var(--line);font:.7rem var(--mono);text-transform:uppercase;color:var(--muted);justify-content:space-between;padding:14px 0;text-decoration:none;transition:color .2s,padding-inline .2s;display:flex}.contact-grid aside a:hover{color:var(--phosphor);background:var(--surface);padding-inline:8px}.consent{align-items:start;text-transform:none!important;font-family:var(--body)!important;grid-template-columns:auto 1fr!important}.consent input{width:18px;height:18px;padding:0}.admin-page{width:min(100% - 32px,1000px);margin:0 auto;padding:70px 0}.admin-page h1{font:400 clamp(1rem, 2vw, 1.6rem) var(--display);margin:0 0 35px}.admin-tabs,.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-tabs button,.admin-actions button{border:1px solid var(--line);color:var(--paper);background:var(--surface);cursor:pointer;font:.65rem var(--mono);text-transform:uppercase;padding:8px 10px}.admin-comment{border-top:1px solid var(--line);grid-template-columns:220px 1fr;gap:20px;padding:22px 0;display:grid}.admin-comment>div:first-child{flex-direction:column;display:flex}.admin-comment span{font:.6rem var(--mono);color:var(--muted)}.admin-actions{grid-column:2}@media (width<=900px){.page-hero{grid-template-columns:1fr;gap:25px}.page-hero h1{font-size:clamp(.9rem,2.6vw,1.5rem)}.page-hero>p:last-child{margin-top:15px}.contact-grid,.comments-heading{grid-template-columns:1fr}.comment{grid-template-columns:130px 1fr}}@media (width<=620px){.blog-grid{grid-template-columns:1fr}.blog-grid article:nth-child(odd){border-right:0}.blog-grid a{min-height:300px;padding:24px 0}.search-box,.form-row{grid-template-columns:1fr}.comment{grid-template-columns:1fr;gap:12px}.article-hero h1{font-size:clamp(.85rem,3.4vw,1.4rem)}.author-box{grid-template-columns:60px 1fr;padding:18px}}@media (width<=900px){:root{--page:min(100% - 28px, 720px);--header-height:72px}.nav-toggle{border-color:#f5c8428c;display:inline-flex;box-shadow:inset 0 -2px #00000073}.site-nav{display:none}body.nav-lock .site-nav{z-index:200;width:auto;max-width:none;height:100svh;padding:max(12px, env(safe-area-inset-top,0px)) max(18px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(18px, env(safe-area-inset-left,0px));overscroll-behavior:contain;background:radial-gradient(90% 50% at 50% -10%,#9a8fd829,#0000 46%),radial-gradient(70% 40% at 80% 100%,#f19cc312,#0000 50%),#050507;border:none;place-content:safe center;place-items:center;gap:0;display:grid;position:fixed;inset:0;overflow:auto;transform:none}body.nav-lock .site-nav:after{content:"";z-index:2;pointer-events:none;background:repeating-linear-gradient(#f5f1e607 0 1px,#0000 1px 4px);position:absolute;inset:0}.nav-overlay-bezel{border-bottom:1px solid var(--line);align-items:stretch;display:flex}.nav-overlay-close{z-index:3;background:var(--brass);color:#000;min-width:5.5rem;min-height:44px;font-family:var(--pixel);text-transform:uppercase;cursor:pointer;touch-action:manipulation;letter-spacing:.14em;border:0;border-left:1px solid #f5c84273;flex:none;justify-content:center;align-items:center;margin:0;font-size:.42rem;display:inline-flex;position:static;box-shadow:inset 0 2px #00000047}body.nav-lock .nav-overlay-stage{flex-direction:column;grid-column:auto;align-items:stretch;width:min(100vw - 36px,22.5rem);display:flex}.nav-overlay-status,.nav-overlay-meta,.nav-index,.nav-label small{display:flex}.nav-overlay-status{min-width:0;color:var(--muted);font:.42rem var(--pixel);letter-spacing:.16em;text-transform:uppercase;border:0;flex:1;justify-content:space-between;align-items:baseline;margin:0;padding:12px 14px 11px}.nav-overlay-status strong{color:var(--brass);font-weight:400}.nav-overlay-links{background:#09090d;flex-direction:column;flex:none;width:100%;min-height:0;display:flex;box-shadow:0 0 0 1px #f5c84252,0 0 0 4px #050507,0 0 0 5px #f19cc347}.nav-overlay-links a{min-height:76px;color:var(--paper);letter-spacing:.06em;border-bottom:1px solid var(--line);flex:none;grid-template-columns:18px 44px minmax(0,1fr);align-items:center;gap:4px;padding:16px 14px 16px 10px;font-size:.62rem;transition:color .2s;display:grid}.nav-overlay-links a:last-child{border-bottom:none}.nav-overlay-links a:before{content:"▶";z-index:1;width:auto;height:auto;color:var(--brass);font-family:var(--pixel);opacity:0;background:0 0;align-self:center;font-size:.42rem;line-height:1;position:static;top:auto;left:auto;transform:none}.nav-overlay-links a:after{content:"";z-index:0;opacity:0;background:linear-gradient(90deg,#f5c8421f,#0000 58%);transition:opacity .16s;position:absolute;inset:0}.nav-overlay-links a:hover,.nav-overlay-links a:focus-visible{color:var(--brass)}.nav-overlay-links a:hover:after,.nav-overlay-links a:focus-visible:after,.nav-overlay-links a[aria-current=page]:after,.nav-overlay-links a:hover:before,.nav-overlay-links a:focus-visible:before,.nav-overlay-links a[aria-current=page]:before{opacity:1}.nav-overlay-links a[aria-current=page]{color:var(--brass)}.nav-index{z-index:1;color:var(--muted);letter-spacing:.08em;font-size:.42rem;position:relative}.nav-overlay-links a[aria-current=page] .nav-index,.nav-overlay-links a:hover .nav-index,.nav-overlay-links a:focus-visible .nav-index{color:var(--neon)}.nav-label{z-index:1;gap:8px;min-width:0;display:grid;position:relative}.nav-label strong{font:400 .68rem/1.3 var(--pixel);letter-spacing:.06em}.nav-label small{color:var(--muted);font:.58rem/1.35 var(--body);letter-spacing:.02em;text-transform:none;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.nav-overlay-meta{flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:28px;padding-top:0;display:flex}.nav-overlay-hint{color:var(--neon);font:.42rem var(--pixel);letter-spacing:.16em;text-transform:uppercase;margin:0}.nav-overlay-sprites{justify-content:center;align-items:center;gap:12px;width:min(200px,64%);display:flex}.nav-overlay-sprites .pixel-pellets{max-width:none}body.nav-lock .nav-overlay-stage{animation:.42s cubic-bezier(.22,.9,.28,1) both nav-channel-in}.workshop{grid-template-columns:1fr;gap:48px;min-height:auto;padding:58px 0 70px}.workshop h1{overflow-wrap:anywhere;max-width:700px;font-size:clamp(.95rem,3.4vw,1.6rem)}.workshop-visual{order:-1}.scene-hint{text-align:left}.scene{height:min(76vh,620px);min-height:460px}.crt-link{width:55%;left:23%}.leaderboard,.neon-frame{display:none}.section-heading,.about-section{grid-template-columns:1fr}.section-heading{gap:20px}.portrait-placeholder{width:180px}.about-section{gap:50px}.experience-list article{grid-template-columns:40px 1fr}.experience-list article>p{grid-column:2}.post-list a{grid-template-columns:100px 1fr}.post-list a p{grid-column:2}.post-list a>span{display:none}}@media (width<=620px){:root{--header-height:64px}.language,.nav-toggle{min-height:44px;padding:8px 10px}.site-nav{padding-inline:14px}.nav-overlay-links a{min-height:68px;padding-block:12px}.nav-label strong{font-size:.6rem}.workshop{padding-top:20px}.workshop-visual{margin-inline:-14px}.scene{min-height:440px;box-shadow:none}.crt-link{width:64%;top:16%;left:18%}.token-machine{display:none}.cartridge-rack{opacity:.7}.project-grid{grid-template-columns:1fr}.project-visual{height:95vw;max-height:500px}.project-meta{grid-template-columns:1fr}.project-meta>span{grid-column:1}.section{padding:85px 0}.section-heading{margin-bottom:38px}.experience-list article{gap:14px}.post-list a{grid-template-columns:1fr;gap:7px}.post-list a p{grid-column:1}.site-footer{grid-template-columns:1fr}.copyright{grid-column:1}}@media (width<=900px) and (height<=540px){.nav-overlay-links a{min-height:52px;padding-block:8px}.nav-label{gap:4px}.nav-overlay-meta{gap:8px;margin-top:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
