.hero{min-height:100svh;padding-top:5.25rem;padding-bottom:var(--s6);grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;display:grid}.status{margin:0 0 var(--s5);font:600 .8125rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:.375rem 1.375rem;display:flex}.status .on{color:var(--fg);align-items:center;gap:.625rem;display:inline-flex}.status .on:before{content:"";background:var(--led-a);width:.5625rem;height:.5625rem;box-shadow:0 0 0 .3125rem color-mix(in srgb,var(--led-a) 22%,transparent);animation:pulse 2.4s var(--ease) infinite;border-radius:50%}.hero.paused :is(.leds .la,.scr i),.hero.paused .status .on:before{animation-play-state:paused}@keyframes pulse{50%{box-shadow:0 0 0 .5625rem color-mix(in srgb,var(--led-a) 0%,transparent)}}.name{font-family:var(--font-display);text-transform:uppercase;z-index:2;margin:0;display:inline-block;position:relative}.name .first,.name .last{font-weight:800;font-size:var(--t-d3);letter-spacing:.01em;line-height:.9;display:block}.name .last{text-align:right}.name .nick{font-weight:900;font-size:var(--t-hero);white-space:nowrap;letter-spacing:-.005em;margin:.05em 0 .04em -.03em;line-height:.76;display:block}.name .nick .q{color:var(--quote)}.role{font:700 var(--t-role)/1.25 var(--font-body);color:var(--role);margin:var(--s5) 0 0}[data-palette="298"][data-theme=light] .hero .role{background:var(--w3);margin-left:-.4em;padding:.12em .4em;display:inline-block}.line{margin:var(--s2) 0 0;color:var(--muted);max-width:44ch;font-size:var(--t-body-l)}.ctas{gap:var(--s3) var(--s5);margin-top:var(--s6);display:flex}.stage{perspective:106.25rem;perspective-origin:65% 28%;place-items:center;height:min(80vh,41.25rem);margin-left:-3.6rem;display:grid;position:relative}.rack{--W:25rem;--U:3.375rem;--D:18.75rem;--P:1.125rem;--T:1rem;--pull:8.25rem;width:var(--W);height:calc(var(--T)*2 + var(--U)*8);transform-style:preserve-3d;transform:translateY(-.625rem) rotateX(var(--rx,-10deg)) rotateY(var(--ry,-26deg));position:relative}.rack.turn{transition:transform .9s var(--ease)}.rack.flat{--rx:0deg!important;--ry:0deg!important}.rack,.rack .bx,.units,.unit{transform-style:preserve-3d}.bx{position:absolute}.rack,.rack .bx,.units,.unit,.rack .sd,.rack .tp,.post,.cap,.back,.lwall,.lcd{pointer-events:none}.unit .slot,.unit .fr{pointer-events:auto}.bx>.fr,.bx>.sd,.bx>.tp{backface-visibility:hidden;position:absolute}.bx>.fr{transform:translateZ(calc(var(--d)/2));inset:0}.bx>.sd{height:100%;width:var(--d);top:0;left:calc(50% - var(--d)/2);transform:rotateY(90deg) translateZ(calc(var(--w)/2))}.bx>.tp{width:100%;height:var(--d);left:0;top:calc(50% - var(--d)/2);transform:rotateX(90deg) translateZ(calc(var(--h)/2))}.post{--w:var(--P);--h:calc(var(--T)*2 + var(--U)*8);--d:1.375rem;width:var(--w);height:var(--h);top:0}.post.p-fr{left:var(--W);transform:translateZ(calc(var(--D)/2 - .6875rem))}.post.p-br{left:var(--W);transform:translateZ(calc(var(--D)/-2 + .6875rem))}.post.p-fl{left:calc(var(--P)*-1);transform:translateZ(calc(var(--D)/2 - .6875rem))}.post .fr{background:radial-gradient(circle at 50% 50%,#000a 0 .1375rem,transparent .1625rem) 0 .25rem/100% .84375rem,linear-gradient(90deg,var(--rk-post),color-mix(in srgb,var(--rk-post) 82%,var(--rk-metal)) 50%,var(--rk-post))}.post .sd{background:linear-gradient(270deg,color-mix(in srgb,var(--rk-post) 70%,#000),var(--rk-post))}.cap{--w:calc(var(--W) + var(--P)*2);--h:var(--T);--d:var(--D);left:calc(var(--P)*-1);width:var(--w);height:var(--h)}.cap.top{top:0}.cap.bot{top:calc(var(--T) + var(--U)*8)}.cap .fr{background:linear-gradient(180deg,color-mix(in srgb,var(--rk-post) 70%,var(--rk-metal)),var(--rk-post))}.cap .sd{background:color-mix(in srgb,var(--rk-post) 80%,#000)}.cap .tp{background:linear-gradient(180deg,color-mix(in srgb,var(--rk-top) 60%,var(--rk-post)),var(--rk-post))}.lwall{--w:0px;--h:calc(var(--T)*2 + var(--U)*8);--d:var(--D);width:0;height:var(--h);top:0;left:0}.lwall .sd{background:color-mix(in srgb,var(--rk-post) 85%,#000)}.back{left:0;top:var(--T);width:var(--W);height:calc(var(--U)*8);background:var(--rk-post);transform:translateZ(calc(var(--D)/-2 + .125rem));position:absolute}.units{position:absolute;inset:0}.unit:first-child{--i:0;--bl:1.3s}.unit:nth-child(2){--i:1;--bl:2.47s}.unit:nth-child(3){--i:2;--bl:1.97s}.unit:nth-child(4){--i:3;--bl:1.47s}.unit:nth-child(5){--i:4;--bl:2.63s}.unit:nth-child(6){--i:5;--bl:2.13s}.unit{left:0;top:calc(var(--T) + var(--U)*(2 + var(--i)));width:var(--W);height:var(--U);color:var(--rk-label);cursor:pointer;outline:none;text-decoration:none;display:block;position:absolute}.unit .slot{transform:translateZ(calc(var(--D)/2 - .625rem));position:absolute;inset:0}.unit .bx,.lcd{--w:var(--W);--h:var(--U);--d:calc(var(--D) - 1.25rem)}.unit .bx{transition:transform var(--d2) var(--ease);inset:0}.unit:is(:hover,:focus-visible,.on) .bx{transform:translateZ(var(--pull))}.unit .fr{background:linear-gradient(180deg,var(--rk-face-2),var(--rk-face) 70%);align-items:center;gap:.75rem;padding:0 .25rem;display:flex;box-shadow:inset 0 .0625rem #ffffff14,inset 0 -.125rem #0007}.unit:focus-visible .fr{box-shadow:inset 0 0 0 .1875rem var(--rk-lcd-text)}@media (forced-colors:active){.unit:focus-visible .fr{outline-offset:-.1875rem;outline:.1875rem solid highlight}}.unit .sd{background:linear-gradient(180deg,var(--rk-side),color-mix(in srgb,var(--rk-side) 85%,#000)),var(--rk-side);box-shadow:inset 0 .0625rem #ffffff0d}.unit .tp{background:linear-gradient(270deg,color-mix(in srgb,var(--rk-top) 70%,#000),var(--rk-top))}.ear{background:color-mix(in srgb,var(--rk-face) 70%,var(--rk-metal));flex-direction:column;flex:none;justify-content:space-between;align-self:stretch;align-items:center;width:.875rem;padding:.4375rem 0;display:flex}.ear i{background:radial-gradient(circle at 35% 35%,var(--rk-metal),#0008);border-radius:50%;width:.375rem;height:.375rem}.leds{flex-direction:column;flex:none;gap:.375rem;display:flex}.leds i{background:var(--led-a);width:.375rem;height:.375rem;box-shadow:0 0 .5rem var(--led-a);border-radius:50%}.leds i+i{background:var(--led-b);box-shadow:0 0 .5rem var(--led-b)}.leds .la{animation:led var(--bl,1.7s) steps(1) infinite}@keyframes led{40%{opacity:.25}}.unit .uid{font:600 .6875rem var(--font-mono);color:var(--rk-sub);letter-spacing:.06em;flex:none}.unit .tx{flex-direction:column;min-width:0;line-height:1;display:flex;overflow:hidden}.unit .nm{font:800 1.5625rem/.95 var(--font-display);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.unit .sb{font:500 .65625rem var(--font-mono);color:var(--rk-sub);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:.1875rem;overflow:hidden}.vent{background:repeating-linear-gradient(90deg,#0009 0 .1875rem,#0000 .1875rem .4375rem);flex:1;align-self:stretch;min-width:1.875rem;margin:.6875rem 0}.handle{border:.125rem solid var(--rk-metal);opacity:.75;border-right:0;border-radius:.25rem 0 0 .25rem;flex:none;align-self:stretch;width:.5625rem;margin:.5rem .25rem .5rem 0}.unit:is(:hover,:focus-visible,.on) .handle{border-color:var(--accent);opacity:1}.lcd{left:0;top:var(--T);width:var(--W);height:calc(var(--U)*2);--h:calc(var(--U)*2)}.lcd .fr{background:linear-gradient(180deg,var(--rk-face-2),var(--rk-face));gap:.625rem;padding:0 .25rem;display:flex;box-shadow:inset 0 .0625rem #ffffff14}.lcd .sd{background:var(--rk-side)}.lcd .tp{background:var(--rk-top)}.scr{background:var(--rk-lcd);color:var(--rk-lcd-text);font:500 .875rem/1.35 var(--font-mono);text-shadow:0 0 .625rem color-mix(in srgb,var(--rk-lcd-text) 55%,transparent);flex-direction:column;flex:1;justify-content:center;gap:.125rem;margin:.75rem 0;padding:.625rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .125rem #0008,inset 0 0 1.5rem #000}.scr:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 .125rem,#0000002e .125rem .1875rem);position:absolute;inset:0}.scr .l1{opacity:.75}.scr .l2{font:900 2.75rem/.9 var(--font-display);letter-spacing:.02em;align-items:center;gap:.25rem;min-height:.9em;display:flex}.scr .l2 i{background:currentColor;width:.22em;height:.78em;animation:1.1s step-end infinite blink}.scr .l1 i{vertical-align:-.2em;background:currentColor;width:.6em;height:1.05em;margin-left:.125rem;display:none}.scr.cmd .l1 i{display:inline-block}.scr.cmd .l2 i{display:none}[data-intro] .scr:not(.live)>span{animation:lcd-hold 0s calc(var(--intro-at) + 2.4s) backwards}@keyframes lcd-hold{0%{visibility:hidden}}.scr.say .l2{font:500 .84375rem/1.4 var(--font-mono);letter-spacing:0;min-height:2.8em;display:block}.scr.say .l2 i{vertical-align:-.2em;width:.6em;height:1.05em;margin-left:.125rem;display:inline-block}.floor{background:radial-gradient(closest-side,color-mix(in srgb,var(--ink) 75%,transparent),transparent);filter:blur(.375rem);z-index:-1;width:min(32.5rem,90%);height:4.375rem;position:absolute;bottom:4%;left:50%;transform:translate(-54%)}.under{justify-content:center;gap:var(--s5);font:600 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.under .tp{display:none}@media (hover:none){.under .hv{display:none}.under .tp{display:inline}}.under button{min-height:2.75rem;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--fg);border:.0625rem solid var(--line);cursor:pointer;background:0 0;padding:.375rem .625rem}.under button:hover{border-color:var(--fg)}.under button{white-space:nowrap}@media (width>=901px) and (width<=1100px){.under{gap:var(--s3);font-size:.6875rem}.unit .uid{display:none}.unit .fr{gap:.5rem}.vent{min-width:0}.scr{padding-inline:.625rem}.scr.say .l1{display:none}.scr.say .l2{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}}[data-intro] .hero .status{animation:in-fade .5s var(--ease) backwards;animation-delay:var(--intro-at)}[data-intro] .name :is(.first,.nick,.last){animation:in-rise .62s var(--ease) backwards;animation-delay:calc(var(--intro-at) + 40ms)}[data-intro] .name .nick{animation-delay:calc(var(--intro-at) + .11s)}[data-intro] .name .last{animation-delay:calc(var(--intro-at) + .19s)}@keyframes in-rise{0%{clip-path:inset(-.3em -.3em calc(100% + .3em));transform:translateY(105%)}to{clip-path:inset(-.3em);transform:none}}[data-intro] .hero :is(.role,.line){animation:in-up .55s var(--ease) backwards;animation-delay:calc(var(--intro-at) + .34s)}[data-intro] .hero .line{animation-delay:calc(var(--intro-at) + .4s)}[data-intro] .hero .ctas{animation:in-up .55s var(--ease) backwards;animation-delay:calc(var(--intro-at) + .47s)}@keyframes in-up{0%{opacity:0;transform:translateY(.75rem)}}@keyframes in-fade{0%{opacity:0}}[data-intro] .stage{animation:in-stage .7s var(--ease) backwards;animation-delay:calc(var(--intro-at) + 60ms)}@keyframes in-stage{0%{opacity:0;transform:translateY(1.5rem)}}[data-intro] .unit .bx{animation:in-rack .5s var(--ease) backwards;animation-delay:calc(var(--intro-at) + .3s + var(--i)*45ms)}@keyframes in-rack{0%{transform:translateZ(calc(var(--D)*.45))}}[data-boot=dock] .stage{animation:in-fade .12s var(--ease) backwards;animation-delay:calc(var(--intro-at) + .14s)}[data-boot=dock] .unit .bx{animation:none}[data-intro] .stage .under{animation:in-fade .5s var(--ease) backwards;animation-delay:calc(var(--intro-at) + .65s)}@media (width>=901px){.rack{--W:var(--rw);--U:clamp(2.25rem,6vh,3.375rem)}.stage{padding-bottom:2.5rem}.scr{margin:min(.75rem,1.2vh) 0;padding-block:min(.625rem,1vh)}.scr .l2{font-size:min(2.75rem,4.6vh)}.hero{--rw:min(25rem,35vw,calc(100cqw - 2.51*var(--t-hero) - 15rem));container-type:inline-size}.stage{--nudge:clamp(0px,calc(2.51*var(--t-hero) + var(--rw)/2 + 12.5rem - 77cqw),calc(23cqw - var(--rw)/2 - 2.1rem));translate:var(--nudge) 0}.under{right:var(--nudge)}}.work{padding-top:var(--s9)}.defend{padding-top:var(--s10)}.defend .lead{font:900 var(--t-d2)/.86 var(--font-display);text-transform:uppercase;max-width:15ch;margin:0}.defend .lead em{color:var(--quote);font-style:normal}.defend .sub{margin:var(--s5) 0 0;max-width:52ch;color:var(--muted);font-size:var(--t-body-l)}.replays{margin:var(--s7) 0 0;padding:0;list-style:none}.rp{gap:var(--s7);padding:var(--s7) 0;border-top:.125rem solid var(--fg);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;display:grid}.term{background:var(--rk-lcd);color:var(--rk-lcd-text);border:.125rem solid var(--rk-post);box-shadow:.5rem .5rem 0 var(--ink);font:500 .875rem/1.7 var(--font-mono);margin:0;overflow:hidden}.term p{margin:0}.tbar{background:var(--rk-face);color:var(--rk-sub);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.625rem;padding:.5rem .875rem;font-size:.75rem;display:flex}.tbar i{background:var(--rk-ok);border-radius:50%;width:.5rem;height:.5rem}.tbar .st{margin-left:auto;font-weight:700;display:inline-grid}.tbar .st span{color:var(--rk-lcd);text-align:center;grid-area:1/1;padding:.0625rem .5rem}.s-run,.s-bad{visibility:hidden}.s-run{background:var(--rk-sub)}.s-bad{background:var(--rk-bad)}.s-ok{background:var(--rk-ok)}.tline{white-space:pre-wrap;overflow-wrap:anywhere;padding:0 .875rem}.tline.c1{padding-top:.75rem}.tline.c6{padding-bottom:.875rem}.tline.c1,.tline.c2,.tline.c5{color:var(--rk-sub)}.tline.bad{color:var(--rk-bad)}.tline.bad:before{content:"✕ "}.tline.ok{color:var(--rk-ok)}.tline.ok:before{content:"✓ "}.tline.fx{border-top:1px dashed color-mix(in srgb,var(--rk-sub) 40%,transparent);margin:.375rem 0;padding-top:.375rem}.ff .k{font:600 .75rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:block}.ff .found{margin:.375rem 0 var(--s4);color:var(--muted)}.ff .found s{background:linear-gradient(var(--accent),var(--accent)) no-repeat 0 58%/100% .125rem;text-decoration:none}.ff .fixed{font-weight:600;font-size:var(--t-body-l);margin:.375rem 0 0;line-height:1.4}html.motion .rp :is(.tline,.st span,.found s,.fixed,.tbar i){animation-timing-function:linear;animation-play-state:paused;animation-fill-mode:both}html.motion .rp.play :is(.tline,.st span,.found s,.fixed,.tbar i){animation-play-state:running}html.motion .rp .c1{animation:.6s steps(20,end) .3s both paused rp-type}html.motion .rp .c2{animation:1.2s steps(40,end) .9s both paused rp-type}html.motion .rp .c3{animation:.3s step-end 2.1s both paused rp-on}html.motion .rp .found s{animation:rp-strike 1.2s var(--ease) 2.7s both paused}html.motion .rp .c4{animation:.3s step-end 4.1s both paused rp-on}html.motion .rp .fixed{animation:.7s cubic-bezier(.2,.8,.2,1) 4.4s both paused rp-type}html.motion .rp .c5{animation:.8s steps(20,end) 5.1s both paused rp-type}html.motion .rp .c6{animation:.2s step-end 6.5s both paused rp-on}html.motion .rp :is(.st span,.tbar i){animation-duration:6.4s;animation-delay:.3s}html.motion .rp .s-run{animation-name:rp-run}html.motion .rp .s-bad{animation-name:rp-bad}html.motion .rp .s-ok{animation-name:rp-ok}html.motion .rp .tbar i{animation-name:rp-led}html.motion .rp.play :is(.c1,.c2,.c3,.found s,.c4,.fixed,.c5,.c6){animation-play-state:running}@keyframes rp-type{0%{clip-path:inset(0 100% 0 0)}96%,to{clip-path:inset(0)}}@keyframes rp-on{0%{opacity:0}to{opacity:1}}@keyframes rp-strike{0%{background-size:0% .125rem}}@keyframes rp-run{0%,32%{visibility:visible}33%,to{visibility:hidden}}@keyframes rp-bad{0%,32%{visibility:hidden}33%,96%{visibility:visible}97%,to{visibility:hidden}}@keyframes rp-ok{0%,96%{visibility:hidden}97%,to{visibility:visible}}@keyframes rp-led{0%,32%{background:var(--rk-sub)}33%,96%{background:var(--rk-bad)}97%,to{background:var(--rk-ok)}}.after{justify-content:space-between;gap:var(--s4);margin-top:var(--s7);padding-top:var(--s5);border-top:.0625rem solid var(--line);flex-wrap:wrap;display:flex}.after p{color:var(--muted);max-width:70ch;margin:0}.after a{text-underline-offset:.3125rem;font-weight:700;text-decoration-thickness:.125rem}.after a:hover{color:var(--accent-text)}@media (width<=900px),(height<=500px) and (orientation:landscape),(width<=1100px) and (orientation:portrait){.hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:5.5rem}.hero .ctas{column-gap:var(--s4);flex-wrap:wrap}.name{display:block}.name .nick{margin-top:.08em;font-size:min(36vw,17rem,38svh)}.name .last{text-align:left}.stage{margin:var(--s6) 0 0;perspective:81.25rem;perspective-origin:50% 20%;align-items:center;gap:var(--s5);flex-direction:column;height:auto;padding:1.5rem 0 0;display:flex;translate:none}.rack{--W:min(17.25rem,64vw);--U:2.875rem;--D:9.375rem;--P:.875rem;--pull:4.375rem;--ry:-16deg;--rx:-8deg;margin-right:1.5rem}.under{position:static}.floor{bottom:3.5rem}.work{padding-top:var(--s7)}.unit .nm{font-size:1.25rem}.unit .sb{font-size:.59375rem}.vent{background:0 0;min-width:0}.unit .uid{font-size:.625rem}.scr .l2{font-size:2.375rem}.scr{padding:.5rem .75rem;font-size:.78125rem}.scr.say .l2{font-size:.78125rem}.under{gap:var(--s3);flex-wrap:wrap}.rp{gap:var(--s5);padding:var(--s6) 0;grid-template-columns:minmax(0,1fr)}.term{font-size:.8125rem}}@media (width>=600px) and (width<=900px),(height<=500px) and (orientation:landscape),(width>=600px) and (width<=1100px) and (orientation:portrait){.hero{column-gap:var(--s5);grid-template-rows:auto auto auto auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.hero>div:first-child{display:contents}.hero .status,.hero .name{grid-column:1/-1}.hero .name{justify-self:start;display:inline-block}.name .last{text-align:right}.hero .role{margin-top:var(--s6);grid-row:3}.hero .line{grid-row:4}.hero .ctas{grid-row:5}.stage{margin-top:var(--s5);grid-area:3/2/7}.rack{--W:min(20rem,30vw);margin-right:0}}@media (width<=400px){.rack{margin-right:-.25rem}.unit .uid{display:none}}@media (width>=600px) and (width<=720px){.unit .uid{display:none}.rack{--W:min(20rem,36vw)}.unit .fr{gap:.5rem}}@media (width>=901px) and (height<=820px){.role{margin-top:var(--s4)}.hero .ctas{margin-top:var(--s5)}}