@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-normal-Czsa-EzN.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-normal-C-3rgBeH.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-normal-CCVVNp6i.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-wght-italic-xAqemagA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-wght-italic-DFS986qL.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-wght-italic-Bxi8ein9.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.rack{width:560px;padding:0 22px;display:flow-root;position:relative}.rail{background:radial-gradient(circle,#000 2.6px,#2e2e2e 3.2px,#0000 3.8px) 50% 0/22px 18px repeat-y,linear-gradient(90deg,#0d0d0d,#2a2a2a 40%,#121212);width:22px;position:absolute;top:40px;bottom:0}.rail.l{left:0}.rail.r{right:0}.plate{background:var(--plate);color:var(--ink);border-radius:4px;margin-bottom:6px;padding:18px 64px 18px 28px;position:relative;box-shadow:inset 0 1px #ffffffb3,inset 0 -3px 4px #0000002e,inset 2px 0 2px #ffffff40,inset -2px 0 3px #0000001f,0 10px 18px #0000008c}.led{background:var(--led);width:8px;height:8px;box-shadow:0 0 6px var(--led), 0 0 14px #5dff8a73;border-radius:50%;display:inline-block}.rj45{background:#0d0d0d;border-radius:2px;width:16px;height:13px;position:absolute;box-shadow:inset 0 4px 4px #000,inset 0 -1px #2a2a2a,0 0 0 2px #1a1c1f,0 1px #ffffff14}.tag{font:600 9px var(--font-mono);letter-spacing:.12em;opacity:.65;position:absolute;top:9px;left:28px}.hero{margin-top:40px;padding-bottom:34px}.eyebrow{font:500 10px var(--font-mono);letter-spacing:.14em;opacity:.7;margin:0 0 4px}.engraved{color:#3a342d;text-shadow:0 1px #ffffff8c,0 -1px #00000040;margin:0;font-size:30px}.status{font:9px var(--font-mono);gap:14px;display:flex;position:absolute;top:20px;right:64px}.status span{flex-direction:column;align-items:center;gap:5px;display:flex}.hero .rj45{bottom:10px;left:28px}.switch{color:#e8e8e8;background:linear-gradient(#34383d,#25282c);border-radius:4px;align-items:center;gap:12px;padding:10px 12px;display:flex;box-shadow:inset 0 1px #ffffff14,0 2px 3px #00000080}.brand b{font:600 11px var(--font-mono);display:block}.brand small{font:8px var(--font-mono);color:#9aa3aa}.ports{gap:2px;margin-left:auto;display:flex}.port{all:unset;cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:38px;display:flex}.port-label{font:7px var(--font-mono);color:#cfd3d6}.jack{background:#0b0b0b;border-radius:2px;width:26px;height:22px;position:relative;box-shadow:inset 0 4px 4px #000,inset 0 -1px #2a2a2a,0 0 0 2px #1a1c1f,0 1px #ffffff14}.jack .led{border-radius:1px;width:5px;height:3px;position:absolute;top:2px;left:3px}.port:hover .jack,.port:focus-visible .jack{box-shadow:inset 0 4px 4px #000, 0 0 0 2px var(--green)}.now{align-items:center;gap:16px;display:flex}.lcd{white-space:pre;font:12px/1.6 var(--font-mono);color:#7dff9b;text-shadow:0 0 6px #5dff8a80;background:linear-gradient(#0c140e,#08100a);border-radius:4px;flex:1;padding:12px 16px;box-shadow:inset 0 0 0 2px #000,inset 0 0 20px #000c}.lcd b{color:#b4ffc6;display:block}.now .rj45{flex:none;position:static}.vent{padding-top:10px;padding-bottom:10px}.slots{background:repeating-linear-gradient(90deg,#1d1915 0 24px,#0000 24px 32px);border-radius:3px;height:6px}.perf{background:radial-gradient(circle, #1e1914d9 2.4px, transparent 3px) 0 0 / 13px 13px, var(--plate)}.bay{background:#0a0a0a;border-radius:3px;gap:3px;width:max-content;margin:0 auto;padding:46px 4px 4px;display:flex;box-shadow:inset 0 3px 10px #000000e6}.node{background:#111;border-radius:3px;flex-direction:column;width:74px;height:220px;transition:transform .25s;display:flex;position:relative;box-shadow:inset 1px 0 #ffffff0f,inset -1px 0 #000000b3,inset 0 1px #ffffff1a,0 4px 10px #0009}.node .rj45{z-index:2;top:-9px;left:calc(50% - 8px)}.node-top{background:radial-gradient(circle,#000 1.7px,#0000 2.2px) 0 0/6px 10px,radial-gradient(circle,#000 1.7px,#0000 2.2px) 3px 5px/6px 10px,linear-gradient(90deg,#161616,#242424 50%,#161616);border-radius:3px 3px 0 0;flex:0 0 50%;position:relative;box-shadow:inset 0 -1px #000}.node-name{writing-mode:vertical-rl;max-height:90px;font:600 9px var(--font-display);letter-spacing:.06em;color:#eaeaea;text-shadow:0 0 2px #000,0 0 4px #000;position:absolute;top:12px;left:9px;rotate:180deg}.node-band{background:linear-gradient(var(--accent), color-mix(in srgb, var(--accent) 65%, #000));height:14px;box-shadow:inset 0 1px 0 #ffffff59, 0 0 10px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:2px;position:absolute;top:50%;left:13px;right:13px;translate:0 -50%}.node-bottom{background:linear-gradient(90deg,#0b0b0b,#1b1b1b 50%,#0b0b0b);border-radius:0 0 3px 3px;flex-direction:column;flex:1;align-items:center;gap:9px;padding:24px 0 12px;display:flex}.usb{background:linear-gradient(90deg,#000 0 30%,#3a3a3a 30% 58%,#000 58%);border-radius:1px;width:9px;height:18px;box-shadow:0 0 0 1.5px #4a4a4a,inset 0 0 2px #000}.audio{background:radial-gradient(circle,#000 1.8px,#2c2c2c 2.4px,#111 4.5px);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #333}.power{background:radial-gradient(circle at 40% 35%,#2a2a2a,#0a0a0a);border-radius:50%;place-items:center;width:16px;height:16px;margin-top:auto;display:grid;box-shadow:0 0 0 1.5px #333,inset 0 1px #ffffff14}.power .led{width:5px;height:5px}.builds{align-items:flex-end;gap:14px;padding-top:34px;display:flex}.amp,.pi{color:#eee;border-radius:6px;height:112px;padding:10px;position:relative}.amp{border-top:3px solid var(--accent);background:#151515;flex:1.3}.grille-cloth{background:repeating-linear-gradient(45deg,#cdb98a 0 2px,#b9a473 2px 4px);border-radius:3px;height:46px}.knobs{align-items:center;gap:8px;margin-top:8px;display:flex}.knob{background:radial-gradient(circle at 35% 35%,#444,#050505);border-radius:50%;width:12px;height:12px}.jewel{background:#ff3b30;border-radius:50%;width:9px;height:9px;margin-left:auto;box-shadow:0 0 8px #ff3b30}.pi{border-bottom:2px solid var(--accent);background:linear-gradient(#2b2d30,#16181a);border-radius:4px;flex:1;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0009,0 4px 10px #00000080}.pi .rj45{top:-9px;right:24px}.pi-face{grid-template-columns:1fr auto;gap:6px;display:grid}.pi-vents{background:repeating-linear-gradient(90deg,#050505 0 3px,#0000 3px 7px);border-radius:2px;grid-column:1/-1;height:16px;box-shadow:inset 0 1px 2px #000c}.oled{font:9px/1.35 var(--font-mono);color:#7cc8d8;background:#000;border-radius:2px;padding:5px 7px;box-shadow:inset 0 0 0 1px #222}.oled b{color:#fff;font-weight:600;display:block}.pi-leds{flex-direction:column;align-self:center;gap:7px;display:flex}.pi-leds .led{width:5px;height:5px}.pi-leds .act{background:#ffb84d;animation:1.3s steps(2,end) infinite blink;box-shadow:0 0 6px #ffb84d}@keyframes blink{50%{opacity:.2}}.unit-label{font:600 9px var(--font-mono);background:var(--beige);color:#222;border-radius:2px;margin-top:8px;padding:2px 6px;display:inline-block}.bottom{height:305px;padding-bottom:28px}.hatch{--lip:18px;isolation:isolate;background:#14110e;border-radius:4px;height:100%;margin-right:30px;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #000000b3}.behind{height:100%;padding:calc(var(--lip) + 12px) 18px 14px;color:var(--text);font:11px/1.5 var(--font-mono);opacity:0;transition:opacity .3s}.hatch.is-open .behind{opacity:1;transition:opacity .5s .25s}.behind ul{margin:0;padding:0;list-style:none}.behind-head{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:9px}.behind-head:not(:first-child){margin-top:14px}.xp li{border-bottom:1px dashed #ece6dc14;grid-template-columns:1fr auto 86px;column-gap:14px;padding:5px 0 6px;display:grid}.xp b{font-weight:500}.xp span{color:#ece6dc99}.xp em{text-align:right;color:#5dff8ab3;font-style:normal}.xp small{color:#ece6dc80;grid-column:1/-1;padding-left:10px;font-size:10px}.stack{color:#ece6dcbf;letter-spacing:.02em;margin:0}.contact-links{flex-wrap:wrap;gap:8px;display:flex;margin-top:16px!important}.contact-links a{border:1px solid #ece6dc29;border-radius:3px;padding:5px 11px;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:block}.contact-links a:hover,.contact-links a:focus-visible{border-color:var(--led);color:var(--led);outline:none}.contact-links a.is-resume{background:var(--tape);color:var(--marker);border-color:#0000;font-weight:700;rotate:-1.5deg}.contact-links a.is-resume:hover,.contact-links a.is-resume:focus-visible{background:#efe3c4}.grille{pointer-events:none;background:radial-gradient(circle, #1a1612 4px, transparent 4.6px) 0 0 / 14px 24px, radial-gradient(circle, #1a1612 4px, transparent 4.6px) 7px 12px / 14px 24px, linear-gradient(180deg, #efe3d3, var(--beige-dark));transition:transform .55s cubic-bezier(.5,0,.75,0);position:absolute;inset:0;box-shadow:0 6px 14px #0000008c}.hatch.is-open .grille{transform:translateY(calc(-100% + var(--lip)));transition:transform .8s cubic-bezier(.2,.8,.2,1)}.latch{width:64px;height:16px;color:var(--beige);font:600 8px/16px var(--font-mono);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;pointer-events:auto;background:#1e1a16;border:0;border-radius:4px 4px 0 0;margin-left:-32px;padding:0;transition:background .2s,color .2s;position:absolute;bottom:0;left:50%;box-shadow:inset 0 -1px #ffffff14}.latch:hover,.latch:focus-visible{color:var(--led);background:#000;outline:none}@media (prefers-reduced-motion:reduce){.grille,.hatch.is-open .grille,.behind,.hatch.is-open .behind{transition:none}}.bottom .rj45{top:50%;right:72px}.bottom-tag{top:auto;bottom:8px}.lcd{position:relative;overflow:hidden}.caret{vertical-align:-2px;background:#7dff9b;width:.6em;height:1.1em;margin-left:2px;animation:1s steps(2,start) infinite caret-blink;display:inline-block;box-shadow:0 0 6px #5dff8a99}@keyframes caret-blink{to{visibility:hidden}}.lcd:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);animation:5s infinite lcd-flicker;position:absolute;inset:0}@keyframes lcd-flicker{0%,46%,50%,to{opacity:.9}47%{opacity:.55}48%{opacity:1}72%{opacity:.8}}.lcd:before{content:"";pointer-events:none;background:linear-gradient(#0000,#7dff9b12,#0000);height:40%;animation:7s linear infinite lcd-roll;position:absolute;top:-40%;left:0;right:0}@keyframes lcd-roll{to{transform:translateY(350%)}}@media (prefers-reduced-motion:reduce){.caret,.lcd:before,.lcd:after{animation:none}}.viewport{perspective:2200px;perspective-origin:50% 20%;justify-content:center;height:100lvh;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.viewport:after{content:"";pointer-events:none;background:radial-gradient(70% 70% at 50% 45%,#0000 40%,#000000a6 100%);position:absolute;inset:0}.camera,.tilt,.rack{transform-style:flat}.camera{will-change:transform;width:max-content}.plate{transform-style:preserve-3d;transform:translateZ(14px)}.plate:before,.plate:after{content:"";pointer-events:none;height:14px;position:absolute;left:0;right:0}.plate:before{transform-origin:top;background:linear-gradient(#f7eee2,#dccdb8);top:0;transform:rotateX(-90deg)}.plate:after{transform-origin:bottom;background:#a8977f;bottom:0;transform:rotateX(90deg)}.rack-top{transform-origin:top;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='36' height='14'><rect x='2' y='4' width='30' height='6' rx='3' fill='%23151210'/></svg>"), var(--noise), linear-gradient(#ddcfba, #b9a78e);background-size:36px 14px,auto,auto;background-origin:content-box,border-box,border-box;background-clip:content-box,border-box,border-box;border-radius:2px;height:320px;padding:34px 70px;position:absolute;top:40px;left:0;right:0;transform:rotateX(-90deg);box-shadow:inset 0 0 0 2px #0000001f}.rack-side{transform-origin:100%;background:radial-gradient(circle,#050505 3px,#0000 3.6px) 12px 0/22px 18px repeat-y,linear-gradient(90deg,#0c0c0c,#1d1d1d);width:320px;position:absolute;top:40px;bottom:0;right:0;transform:rotateY(-90deg)}.switch,.lcd,.bay,.amp,.pi{transform:translateZ(6px)}.node{transform:translateZ(10px)}.node:hover{transform:translateZ(10px)translateY(-8px)}.rack-handle{--t:22px;--len:260px;width:var(--t);height:40px;transform-style:preserve-3d;pointer-events:none;position:absolute;top:0;transform:translateZ(6px)}.rack-handle.l{left:34px}.rack-handle.r{right:34px}.h-side{transform-origin:0;position:absolute;top:0;left:0;overflow:visible;transform:rotateY(90deg)}.h-side.b{left:var(--t)}.h-side path{fill:#c5b399;stroke:#0000002e;stroke-width:1px}.h-side.b path{fill:#d8c7af}.h-top{width:var(--t);height:var(--len);transform-origin:top;background:var(--noise), linear-gradient(90deg, #dccdb7, #f7eee2 50%, #dccdb7);border-radius:0 0 4px 4px;position:absolute;top:0;left:0;transform:rotateX(-90deg)}.h-front{background:linear-gradient(rgba(255, 178, 122, calc(var(--grade) * .5)), rgba(255, 178, 122, calc(var(--grade) * .5))), var(--noise), linear-gradient(180deg, #f3e8d9, #cfbda3);border-radius:5px 5px 0 0;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffbf,inset 1px 0 #ffffff59,inset -1px 0 #00000026,inset 0 -2px 3px #00000026}.tilt{position:relative}.room{left:var(--room-x,0);top:var(--room-y,0);transform-origin:0 0;width:1672px;height:940px;transform:scale(var(--room-k,1));will-change:transform;pointer-events:none;position:absolute}.room img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.rack{--grade:.65;--lamp:1;--side:1}.rack-shadow{pointer-events:none;background:radial-gradient(closest-side,#000000d9,#0000);border-radius:50%;height:10px;position:absolute;bottom:-5px;left:2%;right:2%}.rack-desk-shadow{pointer-events:none;background:radial-gradient(closest-side at 70%,#0a0603b3,#0000);height:34px;position:absolute;bottom:-16px;left:-55%;right:30%}.rack-wall-shadow{pointer-events:none;background:radial-gradient(closest-side at 60% 55%,#080503b3,#08050359 55%,#0000);position:absolute;inset:30px 30% 0 -38%}.rack-back{background:#0e0c0a;position:absolute;inset:40px 22px 0}.rack-side2d{clip-path:polygon(0 0,100% 3%,100% 95%,0 100%);width:90px;opacity:var(--side);pointer-events:none;background:linear-gradient(#ffb46e2e,#0000 60%),linear-gradient(90deg,#2a221b,#120f0c 75%);position:absolute;top:40px;bottom:0;right:-90px}.rack-grade{mix-blend-mode:multiply;opacity:var(--grade);pointer-events:none;background:#ffb27a;border-radius:4px;position:absolute;inset:40px 0 0}.rack-light{pointer-events:none;opacity:var(--lamp);background:radial-gradient(120% 70% at 100% 38%,#ffb06047,#0000 60%),linear-gradient(90deg,#08050373,#0805031f 45%,#0000 75%),linear-gradient(#0000 55%,#08050352);border-radius:4px;position:absolute;inset:40px 0 0}.rack-rim{width:3px;opacity:var(--lamp);pointer-events:none;background:linear-gradient(#ffc48c00,#ffc48c8c 30%,#ffc48c40);position:absolute;top:40px;bottom:0;right:0}.fairy{position:absolute;inset:0}.fairy i{aspect-ratio:1;background:radial-gradient(closest-side,#ffcd8299,#ffaa502e 45%,#0000);border-radius:50%;width:4.5%;animation:2.6s ease-in-out infinite twinkle;position:absolute;translate:-50% -50%}@media (width<=700px){.fairy i{opacity:.75;animation:none}}@keyframes twinkle{0%,to{opacity:.5}45%{opacity:1}70%{opacity:.7}}.grain{z-index:50;pointer-events:none;background-image:var(--noise);opacity:.55;position:fixed;inset:0}.snapshot{zoom:2;background:gray;place-items:center;min-height:100vh;padding:80px 0;display:grid}.snapshot .rack{--grade:0;--lamp:0}.snapshot .rack-wall-shadow,.snapshot .rack-desk-shadow,.snapshot .rack-shadow,.snapshot .rack-side2d{display:none}.loader{z-index:100;background:var(--bg);place-items:center;transition:opacity .6s,visibility 0s linear .6s;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader.is-done .loader-line:after{animation:none}.loader-inner{width:min(260px,70vw);font-family:var(--font-mono)}.loader-line{letter-spacing:.08em;color:var(--led);text-shadow:0 0 8px #5dff8a66;margin:0 0 12px;font-size:12px}.loader-line:after{content:"_";animation:1s steps(2,end) infinite caret}@keyframes caret{50%{opacity:0}}.loader-bar{background:#2a2622;height:2px;overflow:hidden}.loader-bar i{background:var(--led);height:100%;box-shadow:0 0 8px var(--led);transform-origin:0;transition:transform .3s;display:block}.loader-pct{color:var(--muted);text-align:right;margin:10px 0 0;font-size:11px}.cables{pointer-events:none;will-change:transform;position:absolute;top:0;left:0;overflow:visible}.cables path{fill:none;stroke-linecap:round;stroke-linejoin:round}.cable-shadows path{stroke:#00000052;stroke-width:8px;transform:translate(2.5px,3.5px)}.cable-shine{stroke:#ffffff8c;stroke-width:.9px;transform:translate(-.8px,-.7px)}.plug .plug-body{fill:#e1e8e28c;stroke:#ffffffb3;stroke-width:.6px}.plug .boot{stroke:#00000059;stroke-width:.5px}.plug .boot-ribs{stroke:#00000040;stroke-width:.6px}.strap rect{fill:#7dc444;stroke:#00000059;stroke-width:.6px}.strap .strap-tab{fill:#6aad35}.ring rect{fill:#121212;filter:drop-shadow(0 2px 2px #00000080)}.ring .ring-shine{fill:#ffffff24;filter:none}.cable-glow{stroke-width:10px;opacity:0;transition:opacity .4s}.cable.is-hot .cable-glow{opacity:.28}.packet{opacity:0}.packet path{stroke-dasharray:0 99999}.packet-halo{stroke:#5dff8a61;stroke-width:13px}.packet-trail{stroke:#96ffb4cc;stroke-width:2.8px}.packet-head{stroke:#f0fff4;stroke-width:4.2px}@media (prefers-reduced-motion:reduce){.packet{display:none}}.port.is-firing .jack .led{animation:.1s steps(2,end) 6 port-blink}@keyframes port-blink{50%{opacity:.15}}.packet.is-big .packet-halo{stroke-width:22px;stroke:#50beff8c}.packet.is-big .packet-trail{stroke-width:4px;stroke:#82d2fff2}.packet.is-big .packet-head{stroke-width:6px;stroke:#fff}.cable.is-firing .cable-glow{opacity:.45}.cables .cable{transition:opacity .25s}.cables.is-quiet .cable:not(.is-firing){opacity:.45}.cables.is-quiet .packet:not(.is-big){opacity:0!important}.project-target{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;text-decoration:none}.project-target .node-top,.project-target .node-bottom,.project-target .grille-cloth,.project-target .pi-face,.project-target .pi-vents,.project-target .oled{display:block}.project-target .node-bottom,.project-target .knobs{display:flex}.project-target .pi-face{display:grid}.project-target .pi-leds{display:flex}.project-target:focus-visible{outline:2px solid var(--led);outline-offset:3px}.amp,.pi{transition:transform .25s,box-shadow .25s}.amp.project-target:hover,.pi.project-target:hover,.amp.project-target:focus-visible,.pi.project-target:focus-visible{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 60%, transparent), 0 10px 20px #00000080;transform:translateZ(6px)translateY(-3px)}.preview-layer{z-index:60}.preview-card{width:min(300px,21vw - 44px);min-width:240px;color:var(--text);font-family:var(--font-display);background:#1c1b19;border:1px solid #34302b;border-radius:12px;animation:.18s ease-out pc-in;overflow:hidden;box-shadow:0 24px 60px #0000008c,inset 0 0 0 1px #ffffff08}@keyframes pc-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}.pc-media{aspect-ratio:16/9;background:#12110f;border-bottom:1px solid #2b2824}.pc-media img{object-fit:cover;width:100%;height:100%;display:block}.pc-placeholder{background:radial-gradient(120% 90% at 20% 0%, color-mix(in srgb, var(--accent) 35%, transparent), transparent 60%), repeating-linear-gradient(0deg, #ffffff08 0 1px, transparent 1px 4px), #161513;place-items:center;height:100%;display:grid}.pc-placeholder span{font:600 13px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7}.pc-body{padding:16px 18px 6px}.pc-title{margin:0;font-size:20px}.pc-event{font:11px var(--font-mono);color:var(--muted);margin:4px 0 0}.pc-summary{color:#d8d1c6;margin:10px 0 0;font-size:14px;line-height:1.5}.pc-tags{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.pc-tags li{font:11px var(--font-mono);border:1px solid color-mix(in srgb, var(--accent) 55%, #3a352f);color:#e9e2d6;border-radius:999px;padding:3px 9px}.pc-actions{flex-direction:column;gap:2px;padding:10px 18px 16px;display:flex}.pc-actions a{font:500 13px var(--font-mono);padding:4px 0;text-decoration:none}.pc-primary{color:var(--led)}.pc-secondary{color:var(--muted)}.pc-actions a:hover{text-decoration:underline}.preview-layer.is-sheet{left:12px;right:12px;bottom:calc(66px + env(safe-area-inset-bottom));position:fixed}.preview-layer.is-sheet .preview-card{width:100%;min-width:0;max-height:60vh;overflow-y:auto}.preview-layer.is-sheet .pc-media{aspect-ratio:2.4}@media (hover:none){.node:hover{transform:translateZ(10px)}.amp.project-target:hover,.pi.project-target:hover{box-shadow:none;transform:translateZ(6px)}}.hud{--row:30px;z-index:55;pointer-events:none;opacity:0;transition:opacity .8s;position:fixed;inset:32px auto 32px 36px}.hud.is-on{opacity:1;transition-delay:2.3s}[data-intro=seen] .hud.is-on{transition-delay:.2s}.hud.is-on .hud-rail{pointer-events:auto}.hud-who{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.hud-who b{color:var(--text);letter-spacing:.14em;text-transform:uppercase;font-weight:500;display:block}.hud-intro{pointer-events:auto;width:clamp(180px,21vw - 70px,250px)}.hud-about{font-family:var(--font-display);color:#ece6dc9e;margin-top:16px;font-size:15px;line-height:1.55}.hud-about p{margin:0 0 10px}.hud-about p:last-child{margin-bottom:0}.hud-rail{flex-direction:column;padding-left:14px;display:flex;position:absolute;bottom:0;left:0}.hud-rail:before{content:"";left:0;top:calc(var(--row) / 2);bottom:calc(var(--row) / 2);background:#ece6dc24;width:1px;position:absolute}.hud-marker{left:-4px;top:calc(var(--row) / 2 - 8px);will-change:transform;width:9px;height:16px;position:absolute}.hud-marker:before{content:"";background:var(--tape);clip-path:var(--torn);position:absolute;inset:0;rotate:-6deg}.hud-row{height:var(--row);color:#ece6dc52;font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:12px;transition:color .3s;display:flex}.hud-name{text-transform:lowercase;opacity:0;transition:opacity .3s,transform .3s;transform:translate(-4px)}.hud-row:hover,.hud-row:focus-visible{color:#ece6dcb3;outline:none}.hud-row.is-active{color:var(--text)}.hud-row:hover .hud-name,.hud-row:focus-visible .hud-name,.hud-row.is-active .hud-name{opacity:1;transform:none}.hud-contact{display:none}@media (width<=1000px){.hud{inset:0}.hud-intro{width:auto;padding:calc(14px + env(safe-area-inset-top)) 18px 28px;pointer-events:none;position:absolute;top:0;left:0;right:0}.hud-who b{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;margin-bottom:2px;font-size:30px;font-weight:600;line-height:1.15}.hud-intro:before{content:"";height:calc(120px + env(safe-area-inset-top));z-index:-1;background:linear-gradient(#121110 55%,#0000);position:absolute;inset:0 0 auto}.hud[data-stage="0"] .hud-intro:before{height:100%}.hud-about{margin-top:10px;font-size:15px;transition:opacity .3s}.hud:not([data-stage="0"]) .hud-about{opacity:0}.hud-rail{padding:18px 8px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#0000,#121110 45%);flex-direction:row;position:absolute;inset:auto 0 0}.hud-rail:before,.hud-marker{display:none}.hud-row{letter-spacing:.04em;flex-direction:column;flex:1;gap:3px;height:auto;padding:6px 0;font-size:10px}.hud-num{z-index:0;padding:1px 2px;position:relative}.hud-row.is-active .hud-num{color:var(--marker);font-weight:700}.hud-row.is-active .hud-num:before{content:"";z-index:-1;background:var(--tape);clip-path:var(--torn);position:absolute;inset:-3px -7px;rotate:-4deg}.hud-name{font-size:9px;transform:none}.hud-row:hover .hud-name{opacity:0}.hud-row.is-active .hud-name{opacity:1}.hud-contact{max-width:520px;left:12px;right:12px;bottom:calc(66px + env(safe-area-inset-bottom));font:12px/1.6 var(--font-mono);color:var(--text);opacity:0;pointer-events:none;background:#14110ef0;border:1px solid #ece6dc1a;border-radius:12px;margin:0 auto;padding:16px 18px;transition:opacity .35s,transform .35s;display:block;position:absolute;transform:translateY(16px);box-shadow:0 18px 40px #00000080}.hud.is-on .hud-contact.is-open{opacity:1;pointer-events:auto;transition-delay:.3s;transform:none}.hud-contact ul{margin:0;padding:0;list-style:none}.hud-contact li{padding:3px 0}.hud-contact li span{color:#ece6dc8c}.hud-stack{color:#ece6dc8c;margin:10px 0 0}.hud-links{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.hud-links a{border:1px solid #ece6dc2e;border-radius:4px;padding:7px 12px;text-decoration:none}.hud-links a.is-resume{background:var(--tape);color:var(--marker);border-color:#0000;font-weight:700;rotate:-1.5deg}}.hud-hint{left:50%;bottom:calc(84px + env(safe-area-inset-bottom));filter:drop-shadow(0 2px 3px #0000008c);font:13px/1.3 var(--font-hand);letter-spacing:.02em;white-space:nowrap;color:var(--marker);pointer-events:none;opacity:0;margin:0;padding:6px 16px 5px;transition:opacity .3s;position:fixed;transform:translate(-50%)rotate(-2deg)}.hud-hint:before{content:"";z-index:-1;background:var(--tape);clip-path:var(--torn);position:absolute;inset:0}.hud.is-on .hud-hint.is-on{opacity:1}@media (width>=1001px){.hud-hint{bottom:28px}}@media (hover:none){.rack [data-nudge]{outline-offset:5px;outline:3px dashed #0000;animation:1.1s ease-in-out both tap-nudge}.rack .project-target,.rack .port{-webkit-tap-highlight-color:transparent;transition:translate .1s}.rack .project-target:active,.rack .port:active{translate:0 5px}}@keyframes tap-nudge{0%,to{outline-color:#e3d5b300;translate:0}20%{outline-color:#e3d5b3e6;translate:0 -14px}40%{translate:0}55%{translate:0 -7px}70%{outline-color:#e3d5b38c;translate:0}}@media (height<=640px){.hud-about{display:none}}@media (prefers-reduced-motion:reduce){.hud,.hud.is-on{transition:none}.rack [data-nudge]{animation:none}}.writeup{--accent:var(--led);--paper:#ece3d4;--ink:#24201b;--ink-soft:#24201b99;--serif:"Newsreader Variable", Georgia, serif;background:var(--paper);min-height:100vh;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.writeup ::selection{background:color-mix(in srgb, var(--accent) 35%, transparent)}.wu-sheet{max-width:620px;margin:0 auto;padding:40px 24px 140px}.wu-back{font:12px var(--font-mono);color:var(--ink-soft);text-decoration:none}.wu-back:hover,.wu-back:focus-visible{color:var(--ink)}.wu-head{margin:80px 0 56px}.wu-head h1{font:400 48px/1.1 var(--serif);letter-spacing:-.015em;margin:0}.wu-summary{font:italic 400 20px/1.45 var(--serif);color:var(--ink-soft);margin:12px 0 0}.wu-meta{font:12px/1.6 var(--font-mono);color:var(--ink-soft);flex-wrap:wrap;gap:6px 18px;margin:20px 0 0;display:flex}.wu-meta a,.wu-body a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:2px}.wu-body{font:400 19px/1.65 var(--serif)}.wu-body>:first-child{margin-top:0}.wu-body h2{font:500 24px/1.3 var(--serif);margin:48px 0 12px}.wu-body h3{font:italic 500 20px/1.3 var(--serif);margin:32px 0 8px}.wu-body p,.wu-body ul,.wu-body ol{margin:0 0 20px}.wu-body li{margin-bottom:6px}.wu-body strong{font-weight:600}.wu-body img,.wu-body video{width:100%;margin:32px 0;display:block}.wu-body blockquote{border-left:2px solid var(--ink);color:var(--ink-soft);margin:28px 0;padding-left:18px;font-style:italic}.wu-body code{font:.82em var(--font-mono)}.wu-body pre{background:#24201b0f;margin:28px 0;padding:16px 18px;font-size:15px;line-height:1.55;overflow-x:auto}.wu-body hr{border:0;border-top:1px solid #24201b26;margin:48px 0}.wu-soon{font:12px var(--font-mono);color:var(--ink-soft)}.wu-body figure{margin:32px 0}.wu-body figure img{margin:0}.wu-body figcaption{font:12px var(--font-mono);color:var(--ink-soft);margin-top:8px}.wu-grid{gap:12px;margin:32px 0;display:grid}.wu-grid-2{grid-template-columns:1fr 1fr}.wu-grid figure{margin:0}.wu-grid img{aspect-ratio:3/4;object-fit:cover}.wu-grid-wide img{aspect-ratio:4/3}.wu-gallery{columns:3 220px;column-gap:10px;width:min(960px,100vw - 48px);margin:32px 0 0 50%;transform:translate(-50%)}.wu-body .wu-gallery img{break-inside:avoid;margin:0 0 10px;transition:filter .3s}.wu-body .wu-gallery img:hover{filter:brightness(1.08)}@media (width<=700px){.viewport{perspective:none}body:before{content:"";z-index:-1;background:#121110 url(/media/room/room-bg-blur.webp) 50% 30%/cover no-repeat;position:fixed;inset:0;transform:translateZ(0)}.room{display:none}.plate,.switch,.lcd,.bay,.amp,.pi,.node,.node:hover,.rack-handle{transform-style:flat!important;transform:none!important}.plate:before,.plate:after,.rack-top,.rack-side,.rack-side2d{display:none}.rack-grade{mix-blend-mode:normal;opacity:.1!important}.cables{will-change:auto}.cable-glow{display:none}.ring rect{filter:none}.caret,.lcd:before,.lcd:after,.pi-leds .act{animation:none}.hud-intro,.hud-rail,.hud-contact{transform:translateZ(0)}.grain{display:none}body{background:#121110}}html.phone-scroll .viewport{position:relative;overflow:hidden}html.no-pinch{touch-action:pan-x pan-y}@font-face{font-family:Courier Prime;font-weight:400;src:url(/fonts/courier-prime-400.woff2)format("woff2");font-display:swap}@font-face{font-family:Courier Prime;font-weight:700;src:url(/fonts/courier-prime-700.woff2)format("woff2");font-display:swap}@font-face{font-family:Permanent Marker;src:url(/fonts/permanent-marker.woff2)format("woff2");font-display:block}:root{--bg:#121110;--text:#ece6dc;--muted:#8d877d;--green:#2fbf4a;--led:#5dff8a;--beige:#e9dccb;--beige-dark:#d6c6b0;--rail:#1b1b1b;--ink:#2a2622;--tape:#e3d5b3;--marker:#1d1b19;--font-hand:"Permanent Marker", "Comic Sans MS", cursive;--torn:polygon(0 6%, 3% 0, 50% 4%, 97% 0, 100% 5%, 99% 94%, 96% 100%, 50% 96%, 4% 100%, 1% 95%);--font-display:"Newsreader Variable", Georgia, serif;--font-mono:"Courier Prime", "Courier New", monospace;--noise:none;--screw:#6d6a66 0 1px, #1a1a1a 1.6px 3.4px, #00000047 4px, transparent 5px;--plate:var(--noise), radial-gradient(circle at 12px 12px, var(--screw)), radial-gradient(circle at calc(100% - 12px) 12px, var(--screw)), radial-gradient(circle at 12px calc(100% - 12px), var(--screw)), radial-gradient(circle at calc(100% - 12px) calc(100% - 12px), var(--screw)), repeating-linear-gradient(0deg, #00000009 0 1px, transparent 1px 3px), linear-gradient(170deg, #f4e9da 0%, #e5d6c2 45%, #cbb9a0 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:var(--text);font-family:var(--font-display);background:radial-gradient(45% 55% at 50% 38%, #ffaa5a1a 0%, transparent 70%), var(--bg);margin:0}a{color:inherit}