@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{color:#d8f0ef;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--screen:#061114;--phosphor:#c8f0f2;--phosphor-bright:#efffff;--phosphor-dim:#8cb7bb;--signal:#dc4137;background:#030607;font-family:IBM Plex Mono,Noto Sans SC,ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100%}html,body{background:#030607}body{margin:0;overflow:hidden}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:1px solid #ebfffff5}.desk,.retro-scene{isolation:isolate;background:#030607;place-items:center;width:100%;min-height:100svh;display:grid;position:relative;overflow:hidden}.retro-scene{outline:none}.scene-stage{aspect-ratio:16/10;contain:layout paint;background:#080d0e;width:max(100vw,160svh);height:max(100svh,62.5vw);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 90px #000000bd}.scene-picture,.scene-picture img{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-picture{z-index:0}.scene-picture img{object-fit:fill}.scene-stage:after{z-index:1;pointer-events:none;content:"";background:radial-gradient(at 36% 37%,#c6ebeb09,#0000 33%),linear-gradient(#0000 67%,#0004051f);position:absolute;inset:0}.scene-stage:before{z-index:2;pointer-events:none;content:"";opacity:0;background:radial-gradient(at 31% 46%,#b0eff113,#0000 28%),radial-gradient(circle at 65% 37%,#e7362b26,#0000 2.4%);transition:opacity 90ms;position:absolute;inset:0}.scene-stage[data-led-active=true]:before{opacity:1}.scene-screen{z-index:3;left:var(--desktop-screen-left);top:var(--desktop-screen-top);width:var(--desktop-screen-width);height:var(--desktop-screen-height);border-radius:var(--desktop-screen-radius);position:absolute;overflow:hidden;transform:translateZ(0);container:crt/size}.crt-screen{color:var(--phosphor);border-radius:inherit;background:#020c0f1a;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 4cqw #00000052}.scanlines,.signal-sweep,.screen-glare{pointer-events:none;position:absolute;inset:0}.scanlines{z-index:1;opacity:.06;background:repeating-linear-gradient(#0000 0 3px,#00000080 4px)}.signal-sweep{z-index:2;opacity:0;background:linear-gradient(#0000,#bdf6f724,#0000);height:7%;animation:12s linear infinite signal-sweep;top:-8%;bottom:auto}@keyframes signal-sweep{0%,88%{opacity:0;transform:translateY(0)}89%{opacity:.32}95%{opacity:.15;transform:translateY(1550%)}96%,to{opacity:0;transform:translateY(1550%)}}.screen-glare{z-index:5;background:radial-gradient(at 50% 49%,#0000 62%,#00000040 100%),linear-gradient(112deg,#defdfd0e,#0000 18% 84%,#cff5f605)}.os-frame{z-index:3;text-shadow:0 0 4px #aef2f42e;grid-template-rows:32px minmax(0,1fr) 28px;padding:4.2% 5.2% 3.8%;display:grid;position:absolute;inset:0}.screen-afterimage{z-index:2;opacity:0;pointer-events:none;will-change:opacity, transform;position:absolute;inset:0;overflow:hidden}.screen-afterimage>.os-frame{z-index:auto;pointer-events:none}.os-header,.os-footer{letter-spacing:0;white-space:nowrap;justify-content:space-between;align-items:center;min-width:0;font:400 clamp(10px,1.45cqw,12px)/1 "Press Start 2P",ui-monospace,monospace;display:flex}.os-header{border-bottom:1px solid #c8f0f257}.os-footer{border-top:1px solid #c8f0f24d;justify-content:flex-start;gap:8px}.os-footer span:last-child{margin-left:auto}.ready-dot,.boot-lamp{background:var(--signal);flex:none;width:6px;height:6px;box-shadow:0 0 10px #dc4137eb}.scene-stage[data-led-active=true] .ready-dot{background:#fff;box-shadow:0 0 12px #d6fffff2,0 0 18px #dc4137b3}.screen-swap{will-change:opacity, transform, clip-path;min-width:0;min-height:0;padding:3.4% .5% 2.7%;overflow:hidden}.page-lock{animation:.2s cubic-bezier(.16,1,.3,1) both page-lock}@keyframes page-lock{0%{opacity:.35;transform:scaleX(.985)}to{opacity:1;transform:scaleX(1)}}.boot-screen{z-index:3;place-items:center;display:grid;position:absolute;inset:0}.boot-lamp{position:absolute;bottom:7%;left:7%}.boot-line{background:var(--phosphor-bright);transform-origin:50%;height:2px;position:absolute;top:50%;left:12%;right:12%;box-shadow:0 0 12px #d6ffffbf}.boot-copy{color:var(--phosphor-dim);text-align:center;gap:10px;font-size:clamp(12px,2cqw,16px);display:grid}.boot-copy strong{color:var(--phosphor-bright);font:400 clamp(12px,2.5cqw,20px)/1.4 "Press Start 2P",monospace}.pixel-kicker{color:var(--phosphor-dim);letter-spacing:0;margin:0;font:500 clamp(12px,2cqw,15px)/1.25 Noto Sans SC,sans-serif}.home-screen{grid-template-columns:.82fr 1.18fr;align-items:center;gap:5%;height:100%;display:grid}.identity-block h1{color:var(--phosphor-bright);letter-spacing:0;margin:8% 0 6%;font:400 clamp(27px,5cqw,40px)/1.3 "Press Start 2P",ui-monospace,monospace}.cn-role{color:var(--phosphor-dim);margin:0;font:500 clamp(14px,2.4cqw,19px)/1.35 Noto Sans SC,sans-serif}.program-menu{--menu-row-height:clamp(36px, 8.5cqh, 48px);grid-auto-rows:var(--menu-row-height);contain:paint;justify-self:end;gap:2px;width:94%;display:grid;position:relative;overflow:hidden}.menu-selection{z-index:0;width:100%;height:var(--menu-row-height);box-shadow:inset 3px 0 0 var(--phosphor-bright);pointer-events:none;transform:translateY(calc(var(--active-index) * (var(--menu-row-height) + 2px)));background:linear-gradient(90deg,#c8f0f230,#c8f0f211 82%,#0000);transition:transform .16s cubic-bezier(.2,.75,.2,1);position:absolute;top:0;left:0}.program-menu button,.work-row{z-index:1;width:100%;color:var(--phosphor-dim);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;transition:color 90ms;display:grid;position:relative}.program-menu button{grid-template-columns:20px 1fr auto;padding:0 8px}.program-menu button:hover,.program-menu button.is-active,.work-row:hover,.work-row.is-active{color:var(--phosphor-bright)}.menu-cursor{font:400 clamp(9px,1.35cqw,11px)/1 "Press Start 2P",monospace}.menu-label{font:500 clamp(15px,2.7cqw,21px)/1 Noto Sans SC,sans-serif}.menu-detail{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,1.55cqw,13px);font-weight:500;overflow:hidden}.text-screen,.projects-screen,.project-screen{height:100%;min-height:0}.text-screen h2,.project-screen h2{color:var(--phosphor-bright);letter-spacing:0}.profile-screen h2{margin:5% 0 6%;font:500 clamp(25px,4.2cqw,34px)/1.38 Noto Sans SC,sans-serif}.profile-grid{border-top:1px solid #c8f0f242;grid-template-columns:.9fr 1.1fr;gap:6%;padding-top:4%;display:grid}.profile-grid dl,.profile-grid p{margin:0}.profile-grid dl{gap:8px;display:grid}.profile-grid dl div{grid-template-columns:55px 1fr;gap:8px;display:grid}.profile-grid dt{color:var(--phosphor-dim);font-size:clamp(11px,1.5cqw,13px)}.profile-grid dd{margin:0;font-size:clamp(12px,1.8cqw,15px);font-weight:500}.profile-grid>p{font:500 clamp(14px,2.25cqw,18px)/1.62 Noto Sans SC,sans-serif}.screen-title-line{justify-content:space-between;align-items:center;display:flex}.screen-title-line>span{color:var(--phosphor-dim);font-size:clamp(11px,1.45cqw,13px)}.work-group{margin-top:2%}.group-label{color:var(--signal);margin:0 0 3px 20px;font:500 clamp(11px,1.7cqw,14px)/1 Noto Sans SC,sans-serif}.work-row{grid-template-columns:18px 34px minmax(0,1fr) minmax(106px,.65fr);min-height:clamp(30px,6.4cqh,38px);padding:0 7px}.work-row>span{font-size:clamp(10px,1.3cqw,12px)}.work-row strong,.work-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-row strong{font:500 clamp(14px,2.2cqw,18px)/1 Noto Sans SC,sans-serif}.work-row small{font-size:clamp(11px,1.4cqw,13px)}.work-row.is-active{box-shadow:inset 2px 0 0 var(--phosphor-bright);background:linear-gradient(90deg,#c8f0f229,#c8f0f20a 82%,#0000)}.project-screen{transform-origin:50%;grid-template-columns:1.1fr .9fr;align-items:center;gap:5%;display:grid}.project-copy{min-width:0}.project-copy h2{margin:4% 0 1%;font:500 clamp(25px,4.2cqw,34px)/1.2 Noto Sans SC,sans-serif}.project-role{color:var(--signal);margin:0 0 4%;font-size:clamp(11px,1.5cqw,13px)}.project-summary{margin:0;font:500 clamp(14px,2.15cqw,18px)/1.55 Noto Sans SC,sans-serif}.stack-line{color:var(--phosphor-dim);flex-wrap:wrap;gap:5px 10px;margin:4% 0;font-size:clamp(10px,1.4cqw,12px);display:flex}.stack-line span:before{color:var(--signal);content:"+ "}.project-link{min-height:32px;color:var(--phosphor-bright);align-items:center;gap:6px;font-size:clamp(11px,1.45cqw,13px);text-decoration:none;display:inline-flex}.project-link.is-muted{color:var(--phosphor-dim)}.project-visual{aspect-ratio:4/3;background:#081011;border:1px solid #c8f0f273;margin:0;position:relative;overflow:hidden}.project-visual img{object-fit:cover;filter:grayscale()contrast(1.2)sepia(.1)hue-rotate(145deg)brightness(.74);width:100%;height:100%;image-rendering:pixelated;opacity:.8}.project-visual:after{content:"";background:repeating-linear-gradient(#0000 0 3px,#0003 4px);position:absolute;inset:0}.project-visual figcaption{z-index:1;color:#071113;background:var(--phosphor);padding:4px 5px;font-size:9px;position:absolute;bottom:6px;right:6px}.paged-layout,.method-layout{border-top:1px solid #c8f0f240;grid-template-columns:88px minmax(0,1fr);min-height:0;margin-top:5%;display:grid}.index-rail,.method-rail{border-right:1px solid #c8f0f240;align-content:center;gap:4px;padding-right:18px;display:grid}.index-rail button,.method-rail button{min-height:34px;color:var(--phosphor-dim);text-align:left;cursor:pointer;background:0 0;border:0;padding:0 6px}.index-rail button{font:400 10px/1 "Press Start 2P",monospace}.index-rail button.is-active,.method-rail button.is-active{color:var(--phosphor-bright);box-shadow:inset 2px 0 0 var(--signal);background:#c8f0f21c}.page-copy,.method-copy{transform-origin:0;align-self:center;padding:4% 3% 4% 7%}.page-meta{color:var(--phosphor-dim);margin:0;font-size:clamp(11px,1.6cqw,14px)}.page-copy h2,.method-copy h2{margin:3% 0;font:500 clamp(24px,4cqw,32px)/1.25 Noto Sans SC,sans-serif}.page-copy>p:last-child,.method-copy p{max-width:42em;margin:0;font:500 clamp(14px,2.2cqw,18px)/1.65 Noto Sans SC,sans-serif}.method-screen{flex-direction:column;display:flex}.method-layout{grid-template-columns:minmax(132px,.7fr) 1.3fr}.method-rail{padding-block:4%}.method-rail button{grid-template-columns:28px 1fr;align-items:center;gap:8px;display:grid}.method-rail span{color:var(--signal);font-size:10px}.method-rail strong{font:400 clamp(9px,1.3cqw,11px)/1.2 "Press Start 2P",monospace}.method-code{color:var(--signal);font:400 clamp(10px,1.5cqw,12px)/1 "Press Start 2P",monospace}.principles{color:var(--phosphor-dim);gap:4%;margin-top:auto;font-size:clamp(10px,1.4cqw,12px);display:flex}.contact-screen h2{margin:7% 0;font:500 clamp(32px,6cqw,48px)/1.12 Noto Sans SC,sans-serif}.contact-lines{grid-template-columns:1fr 1fr;gap:5%;display:grid}.contact-lines div{border-top:1px solid #c8f0f24d;padding-top:3%}.contact-lines span{color:var(--phosphor-dim);margin-bottom:6px;font-size:clamp(11px,1.45cqw,13px);display:block}.contact-lines strong{font:500 clamp(14px,2.2cqw,18px)/1.3 Noto Sans SC,sans-serif}.contact-sign{color:var(--signal);margin:7% 0 0;font:400 clamp(9px,1.3cqw,11px)/1 "Press Start 2P",monospace}.mechanical-layer{z-index:5;pointer-events:none;position:absolute;inset:0}.mechanical-knob{display:contents}.knob-face,.knob-glint,.mechanical-knob-hit{left:var(--desktop-mechanical-x);top:var(--desktop-mechanical-y);transform-origin:50%;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.knob-face,.knob-glint{width:var(--desktop-mechanical-size);height:var(--desktop-mechanical-height);pointer-events:none}.knob-face{filter:drop-shadow(0 1px 1px #00000047);will-change:transform;display:block;overflow:hidden}.knob-face img{object-fit:fill;width:100%;height:100%;display:block}.knob-glint{z-index:1;opacity:.1;background:linear-gradient(145deg,#f2ffff5c,#0000 31% 66%,#0000002e);transition:opacity 90ms,filter 90ms;box-shadow:inset 0 0 0 1px #ebffff17}.mechanical-layer[data-active-knob=channel] .knob-glint[data-knob=channel],.mechanical-layer[data-active-knob=tuning] .knob-glint[data-knob=tuning],.mechanical-layer[data-active-knob=depth] .knob-glint[data-knob=depth]{opacity:.72;filter:drop-shadow(0 0 7px #d7fbfc75)}.mechanical-knob-hit{z-index:2;width:max(44px, var(--desktop-mechanical-size));height:max(44px, var(--desktop-mechanical-height));opacity:0;pointer-events:auto;cursor:pointer;background:radial-gradient(circle,#e7ffff38,#0000 66%);border:0;outline:0;padding:0;transition:opacity 90ms,box-shadow 90ms;box-shadow:0 0 0 1px #0000}.mechanical-knob-hit:hover{opacity:.32}.mechanical-knob-hit:active{opacity:.7}.mechanical-knob-hit:focus-visible{opacity:.58;box-shadow:0 0 0 1px #e8ffffc7,0 0 16px #a4e7e940}.mechanical-knob-hit:disabled{pointer-events:none}.status-led{z-index:3;left:var(--desktop-led-x);top:var(--desktop-led-y);width:var(--desktop-led-size);height:var(--desktop-led-height);opacity:.14;pointer-events:none;background:radial-gradient(circle at 43% 38%,#ffddd9 0 6%,#ec4c42 18%,#9f120f 48%,#260503 76%);border-radius:50%;transition:opacity 70ms,box-shadow 90ms,filter 90ms;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #ffffff1f}.scene-stage[data-led-active=true] .status-led{filter:brightness(1.22);opacity:1;box-shadow:0 0 clamp(2px,.35vw,5px) #ff4b3de0,0 0 clamp(4px,.9vw,13px) #da241c85,inset 0 1px 2px #ffffff75}.controller-map{z-index:6;pointer-events:none;position:absolute;inset:0}.controller-hotspot,.controller-pressure,.controller-impact{left:var(--desktop-control-x);top:var(--desktop-control-y);width:max(44px, var(--desktop-control-width));height:max(44px, var(--desktop-control-height));border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.controller-hotspot{z-index:1;opacity:0;pointer-events:auto;cursor:pointer;background:radial-gradient(circle,#ebffff3d,#89dede0e 42%,#0000 68%);border:0;outline:0;padding:0;transition:opacity .12s,transform 90ms,box-shadow .12s;box-shadow:0 0 0 1px #0000,0 0 20px #0000}.controller-hotspot:hover,.controller-hotspot:focus-visible{opacity:.75;box-shadow:0 0 0 1px #dfffffad,0 0 20px #8bdddf4d}.controller-hotspot:active{opacity:.95;transform:translate(-50%,calc(2px - 50%))scale(.94)}.controller-hotspot:disabled{pointer-events:none}.controller-mechanics{z-index:0;pointer-events:none;contain:strict;position:absolute;inset:0}.controller-keycap-window{clip-path:ellipse(calc(var(--desktop-control-width) * .44) calc(var(--desktop-control-height) * .4) at var(--desktop-control-x) var(--desktop-control-y));position:absolute;inset:0;overflow:hidden}.controller-keycap-skin,.controller-keycap-skin img{width:100%;height:100%;display:block;position:absolute;inset:0}.controller-keycap-skin{transform-origin:var(--desktop-control-x) var(--desktop-control-y);will-change:transform, filter;animation:.28s linear both keycap-damped-press}.controller-keycap-skin img{object-fit:fill}.controller-mechanics[data-action=up] .controller-keycap-window,.controller-mechanics[data-action=down] .controller-keycap-window{clip-path:ellipse(calc(var(--desktop-control-width) * .36) calc(var(--desktop-control-height) * .48) at var(--desktop-control-x) var(--desktop-control-y))}.controller-mechanics[data-action=up] .controller-keycap-skin{animation-name:dpad-up-damped-press}.controller-mechanics[data-action=down] .controller-keycap-skin{animation-name:dpad-down-damped-press}.controller-pressure{z-index:1;opacity:0;background:radial-gradient(at 48% 72%,#0000007a,#00000021 43%,#0000 69%),radial-gradient(at 42% 28%,#edffff47,#0000 39%);animation:.28s cubic-bezier(.2,.7,.2,1) both controller-pressure;box-shadow:inset 0 -3px 4px #00000047,inset 0 1px 1px #ebffff2e}.controller-impact{z-index:0;opacity:0;background:radial-gradient(circle,#dc41372b,#c6f8f917 34%,#0000 68%);animation:.28s cubic-bezier(.16,1,.3,1) both controller-impact;box-shadow:0 0 0 1px #e1ffff14,0 0 18px #c6f8f929}.controller-contact-shadow,.controller-chassis-response{pointer-events:none;position:absolute}.controller-contact-shadow{filter:blur(5px);opacity:0;background:radial-gradient(#00000094,#0000 68%);border-radius:50%;width:31%;height:8%;animation:.28s cubic-bezier(.2,.75,.2,1) both controller-contact-damping;top:92%;left:69%}.controller-chassis-response{clip-path:polygon(6% 22%,73% 2%,98% 35%,100% 100%,0 100%,0 48%);opacity:0;transform-origin:60% 82%;background:linear-gradient(165deg,#efffff26,#0000 20% 68%,#5304021f),radial-gradient(at 56% 24%,#dc41371a,#0000 58%);width:32%;height:18%;animation:.28s linear both controller-chassis-damping;top:82%;left:68%}@keyframes keycap-damped-press{0%{filter:brightness();transform:translate(0,0)scaleY(1)}18%{filter:brightness(.82)saturate(.94);transform:translateY(1.8px)scaleY(.955)}36%{filter:brightness(.88);transform:translateY(1.25px)scaleY(.968)}58%{filter:brightness(1.04);transform:translateY(-.42px)scaleY(1.012)}78%{filter:brightness(.98);transform:translateY(.18px)scaleY(.996)}to{filter:brightness();transform:translate(0,0)scaleY(1)}}@keyframes dpad-up-damped-press{0%{filter:brightness();transform:translate(0,0)scaleY(1)}18%{filter:brightness(.8);transform:translateY(1.35px)skew(-.45deg)scaleY(.965)}39%{filter:brightness(.88);transform:translateY(.9px)skew(-.2deg)scaleY(.978)}61%{filter:brightness(1.04);transform:translateY(-.35px)scaleY(1.009)}82%{transform:translateY(.12px)scaleY(.998)}to{filter:brightness();transform:translate(0,0)scaleY(1)}}@keyframes dpad-down-damped-press{0%{filter:brightness();transform:translate(0,0)scaleY(1)}18%{filter:brightness(.8);transform:translateY(1.55px)skew(.45deg)scaleY(.962)}39%{filter:brightness(.88);transform:translateY(1px)skew(.2deg)scaleY(.976)}61%{filter:brightness(1.04);transform:translateY(-.32px)scaleY(1.008)}82%{transform:translateY(.14px)scaleY(.998)}to{filter:brightness();transform:translate(0,0)scaleY(1)}}@keyframes controller-pressure{0%{opacity:0;transform:translate(-50%,-50%)scale(.88)}17%{opacity:.72;transform:translate(-50%,calc(1px - 50%))scale(.94)}42%{opacity:.34;transform:translate(-50%,calc(.6px - 50%))scale(.98)}72%{opacity:.12;transform:translate(-50%,-50%)scale(1.04)}to{opacity:0;transform:translate(-50%,-50%)scale(1.06)}}@keyframes controller-impact{0%,10%{opacity:0;transform:translate(-50%,-50%)scale(.72)}22%{opacity:.58;transform:translate(-50%,-50%)scale(.92)}to{opacity:0;transform:translate(-50%,-50%)scale(1.42)}}@keyframes controller-contact-damping{0%{opacity:.16;transform:translateY(0)scaleX(.96)}18%{opacity:.7;transform:translateY(1px)scaleX(1.035)}43%{opacity:.38;transform:translateY(.3px)scaleX(1.01)}68%{opacity:.22;transform:translateY(0)scaleX(.99)}to{opacity:0;transform:translateY(0)scaleX(1)}}@keyframes controller-chassis-damping{0%{opacity:.12;transform:translate(0,0)rotate(0)}18%{opacity:.48;transform:translateY(.85px)rotate(.025deg)}36%{opacity:.27;transform:translateY(.38px)rotate(.01deg)}58%{opacity:.18;transform:translateY(-.24px)rotate(-.015deg)}78%{opacity:.09;transform:translateY(.08px)rotate(.005deg)}to{opacity:0;transform:translate(0,0)rotate(0)}}.scene-fog{z-index:2;pointer-events:none;mix-blend-mode:screen;width:112%;position:absolute}.scene-fog img{width:100%;height:auto;display:block}.scene-fog-back{opacity:.11;animation:26s ease-in-out infinite alternate fog-back;bottom:-12%;left:-6%}.scene-fog-front{z-index:7;opacity:.075;width:116%;animation:21s ease-in-out infinite alternate fog-front;bottom:-20%;left:-8%}@keyframes fog-back{0%{transform:translate(-2.2%,1%)}to{transform:translate(2.2%,-1%)}}@keyframes fog-front{0%{transform:translate(2.5%)}to{transform:translate(-2.5%,-1%)}}.cursor{z-index:100;opacity:0;pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.cursor.is-ready{opacity:1}.cursor-core,.cursor-ring{position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor-core{background:var(--signal);width:6px;height:6px;box-shadow:0 0 6px #dc41378c}.cursor-ring{background:linear-gradient(var(--signal), var(--signal)) left top / 6px 1px no-repeat, linear-gradient(var(--signal), var(--signal)) left top / 1px 6px no-repeat, linear-gradient(var(--signal), var(--signal)) right top / 6px 1px no-repeat, linear-gradient(var(--signal), var(--signal)) right top / 1px 6px no-repeat, linear-gradient(var(--signal), var(--signal)) left bottom / 6px 1px no-repeat, linear-gradient(var(--signal), var(--signal)) left bottom / 1px 6px no-repeat, linear-gradient(var(--signal), var(--signal)) right bottom / 6px 1px no-repeat, linear-gradient(var(--signal), var(--signal)) right bottom / 1px 6px no-repeat;width:24px;height:24px;transition:width .12s,height .12s,opacity .12s}.cursor.is-on .cursor-ring{width:34px;height:34px}.cursor.is-down .cursor-ring{width:18px;height:18px}.cursor[data-tone=media] .cursor-core{background:#efffff;box-shadow:0 0 7px #efffffb8}.has-cursor,.has-cursor a,.has-cursor button{cursor:none}@container crt (width<=400px){.os-frame{grid-template-rows:20px minmax(0,1fr) 18px;padding:4.2% 4.8% 3.8%}.os-header,.os-footer{font-size:9px}.os-footer{gap:5px}.ready-dot{width:4px;height:4px}.screen-swap{padding-block:2.8% 2.2%}.pixel-kicker{font-size:10px}.home-screen{grid-template-columns:.82fr 1.18fr;gap:3%}.identity-block h1{margin:7% 0 5%;font-size:18px;line-height:1.32}.cn-role{font-size:11px}.program-menu{--menu-row-height:27px;gap:1px;width:100%}.menu-selection{transform:translateY(calc(var(--active-index) * (var(--menu-row-height) + 1px)))}.program-menu button{grid-template-columns:13px 1fr;padding-inline:4px}.menu-detail{display:none}.menu-cursor{font-size:9px}.menu-label{font-size:12px}.profile-screen h2{margin:4% 0 5%;font-size:17px}.profile-grid{grid-template-columns:.9fr 1.1fr;gap:3%;padding-top:3%}.profile-grid dl{gap:3px}.profile-grid dl div{grid-template-columns:38px 1fr;gap:4px}.profile-grid dt,.profile-grid dd{font-size:9.5px}.profile-grid>p{font-size:11px;line-height:1.45}.screen-title-line>span{font-size:9px}.work-group{margin-top:1%}.group-label{margin-left:13px;font-size:9px}.work-row{grid-template-columns:11px 21px minmax(0,1fr);min-height:22px;padding-inline:3px}.work-row>span{font-size:9px}.work-row strong{font-size:11px}.work-row small{display:none}.project-screen{grid-template-columns:1fr 32%;gap:3%}.project-copy h2{margin-top:3%;font-size:16px}.project-role{margin-bottom:2%;font-size:9.5px}.project-summary{font-size:11px;line-height:1.38}.stack-line{gap:2px 5px;margin:2.5% 0;font-size:9px}.project-link{min-height:21px;font-size:9.5px}.project-link svg{width:10px}.project-visual figcaption{padding:2px 3px;font-size:9px;bottom:3px;right:3px}.paged-layout,.method-layout{grid-template-columns:53px minmax(0,1fr);margin-top:3%}.index-rail,.method-rail{gap:2px;padding-right:7px}.index-rail button,.method-rail button{min-height:28px;padding:0 3px}.index-rail button{font-size:9px}.page-copy,.method-copy{padding:3% 2% 3% 6%}.page-meta{font-size:9.5px}.page-copy h2,.method-copy h2{margin:3% 0;font-size:17px}.page-copy>p:last-child,.method-copy p{font-size:11px;line-height:1.5}.method-layout{grid-template-columns:99px minmax(0,1fr)}.method-rail{padding-block:2%}.method-rail button{grid-template-columns:20px 1fr;gap:3px;min-height:27px}.method-rail span,.method-rail strong,.method-code{font-size:9px}.principles{gap:2%;font-size:9px}.contact-screen h2{margin:6% 0;font-size:28px}.contact-lines{gap:3%}.contact-lines span{margin-bottom:3px;font-size:9.5px}.contact-lines strong{font-size:11px}.contact-sign{margin-top:6%;font-size:9px}.boot-copy{gap:7px;font-size:11px}.boot-copy strong{font-size:11px}}@media (width<=820px){.scene-stage{aspect-ratio:9/16;width:min(100vw,56.25svh);height:auto}.scene-screen{left:var(--mobile-screen-left);top:var(--mobile-screen-top);width:var(--mobile-screen-width);height:var(--mobile-screen-height);border-radius:var(--mobile-screen-radius)}.scene-stage:before{background:radial-gradient(at 39% 35%,#b0eff112,#0000 29%),radial-gradient(circle at 94% 27%,#e7362b26,#0000 2.8%)}.controller-hotspot,.controller-pressure,.controller-impact{left:var(--mobile-control-x);top:var(--mobile-control-y);width:max(44px, var(--mobile-control-width));height:max(44px, var(--mobile-control-height))}.controller-keycap-window{clip-path:ellipse(calc(var(--mobile-control-width) * .44) calc(var(--mobile-control-height) * .4) at var(--mobile-control-x) var(--mobile-control-y))}.controller-keycap-skin{transform-origin:var(--mobile-control-x) var(--mobile-control-y)}.controller-mechanics[data-action=up] .controller-keycap-window,.controller-mechanics[data-action=down] .controller-keycap-window{clip-path:ellipse(calc(var(--mobile-control-width) * .36) calc(var(--mobile-control-height) * .48) at var(--mobile-control-x) var(--mobile-control-y))}.controller-contact-shadow{width:54%;height:6%;top:83%;left:24%}.controller-chassis-response{clip-path:polygon(7% 9%,91% 9%,100% 30%,96% 88%,88% 100%,8% 100%,0 84%,0 27%);width:56%;height:20%;top:68%;left:23%}.knob-face,.knob-glint,.mechanical-knob-hit{left:var(--mobile-mechanical-x);top:var(--mobile-mechanical-y)}.knob-face,.knob-glint{width:var(--mobile-mechanical-size);height:var(--mobile-mechanical-height)}.mechanical-knob-hit{width:max(44px, var(--mobile-mechanical-size));height:max(44px, var(--mobile-mechanical-height))}.status-led{left:var(--mobile-led-x);top:var(--mobile-led-y);width:var(--mobile-led-size);height:var(--mobile-led-height)}.scene-fog-back{opacity:.09;width:128%;bottom:-4%}.scene-fog-front{opacity:.06;width:132%;bottom:-12%}}@media (pointer:coarse){.cursor{display:none}.controller-hotspot:hover{opacity:0;box-shadow:none}.controller-hotspot:active{opacity:.75}.mechanical-knob-hit:hover{opacity:0;box-shadow:none}.mechanical-knob-hit:active{opacity:.6}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scene-fog,.signal-sweep,.page-lock{animation:none}.screen-afterimage,.controller-chassis-response,.controller-contact-shadow,.controller-impact{display:none}}