@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--acid:#d8ff4f;--ink:#10110e;--paper:#eeeee8;--violet:#7258ff;--line:rgba(16,17,14,.22);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--acid);color:var(--ink);font-family:var(--sans);overflow-x:hidden}::selection{background:var(--ink);color:var(--acid)}a{color:inherit}.skip{position:fixed;top:-5rem;left:1rem;z-index:20;background:#fff;padding:.8rem}.skip:focus{top:1rem}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:86px;padding:0 clamp(1.2rem,4vw,4rem);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);font:500 .68rem var(--mono);letter-spacing:.1em}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font:700 1rem var(--sans);letter-spacing:-.04em}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--acid);font:500 .62rem var(--mono)}.route{display:flex;gap:1rem}.route span{opacity:.55}.exit{justify-self:end;text-decoration:none;border-bottom:1px solid;padding-bottom:.2rem}.exit span{color:var(--violet)}.intro{min-height:72vh;padding:clamp(4rem,8vw,8rem) clamp(1.2rem,4vw,4rem);position:relative;border-bottom:1px solid var(--line)}.overline{font:500 .7rem var(--mono);letter-spacing:.14em}.intro h1{font-size:clamp(5rem,14vw,14rem);font-weight:600;line-height:.7;letter-spacing:-.09em;margin:clamp(4rem,8vh,8rem) 0 3rem}.intro h1 em{font-weight:400;color:transparent;-webkit-text-stroke:2px var(--ink);margin-left:12vw}.lede{max-width:38rem;margin-left:48vw;font-size:clamp(1rem,1.6vw,1.45rem);line-height:1.55}.stamp{position:absolute;right:5vw;top:12%;width:105px;height:105px;border:1px solid;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(10deg);animation:turn 14s linear infinite}.stamp span{font:600 1.4rem var(--mono)}.stamp small{font:.55rem var(--mono);letter-spacing:.12em}@keyframes turn{to{transform:rotate(370deg)}}.console{background:var(--ink);color:var(--paper);padding:clamp(4rem,7vw,7rem) clamp(1.2rem,4vw,4rem)}.console-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;margin-bottom:2rem;font:400 .62rem var(--mono);letter-spacing:.12em}.console-head>div{display:flex;flex-direction:column;gap:.6rem}.console-head strong{color:var(--acid)}.console-head h2{font-size:clamp(2rem,4vw,4rem);margin:0;letter-spacing:-.06em;font-weight:500}.readout{text-align:right}.screen-wrap{height:min(56vw,610px);min-height:390px;position:relative;border:1px solid rgba(238,238,232,.3);background:radial-gradient(circle at 50% 50%,rgba(114,88,255,.14),transparent 58%),#080906;overflow:hidden}.screen-wrap:before,.screen-wrap:after{content:"";position:absolute;pointer-events:none}.screen-wrap:before{inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px}.screen-wrap:after{left:0;right:0;top:50%;border-top:1px dashed rgba(216,255,79,.18)}#scope{width:100%;height:100%;display:block}.screen-label{position:absolute;left:1rem;bottom:1rem;font:.58rem var(--mono);letter-spacing:.12em;color:rgba(238,238,232,.55)}.cross{position:absolute;width:14px;height:14px}.cross:before,.cross:after{content:"";position:absolute;background:var(--acid)}.cross:before{width:14px;height:1px;top:7px}.cross:after{height:14px;width:1px;left:7px}.x1{top:1rem;left:1rem}.x2{right:1rem;bottom:1rem}.controls{display:grid;grid-template-columns:repeat(3,1fr) 1.15fr;border:1px solid rgba(238,238,232,.3);border-top:0}.controls label{min-height:170px;padding:1.5rem;display:grid;grid-template-columns:1fr auto;align-content:space-between;border-right:1px solid rgba(238,238,232,.2);font:.63rem var(--mono);letter-spacing:.1em}.controls output{color:var(--acid);font-size:1rem}.controls input{grid-column:1/-1;width:100%;accent-color:var(--acid)}.controls button{border:0;background:var(--violet);color:#fff;text-align:left;padding:1.5rem;display:grid;grid-template-columns:1fr auto;align-content:space-between;cursor:pointer;transition:filter .2s,transform .2s}.controls button:hover{filter:brightness(1.18)}.controls button:active{transform:scale(.98)}.controls button span{font:.62rem var(--mono);letter-spacing:.12em}.controls button strong{align-self:end;font-size:clamp(1.6rem,3vw,3rem);letter-spacing:-.06em}.controls button i{grid-column:2;grid-row:1/3;font-style:normal;font-size:1.5rem}.notes{padding:clamp(6rem,11vw,11rem) clamp(1.2rem,4vw,4rem);display:grid;grid-template-columns:.35fr 1fr .55fr;gap:6vw;align-items:start}.notes>div{font:.62rem var(--mono);letter-spacing:.11em;display:flex;flex-direction:column;gap:1rem}.notes time{opacity:.55}.notes blockquote{font-size:clamp(2.5rem,5vw,6rem);line-height:.98;letter-spacing:-.07em;margin:0}.notes p{line-height:1.75;margin-top:40%;font-size:.92rem}footer{min-height:100px;padding:2rem clamp(1.2rem,4vw,4rem);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font:.61rem var(--mono);letter-spacing:.1em}.pulse-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--violet);margin-right:.6rem;box-shadow:0 0 10px var(--violet);animation:blink 1s infinite alternate}@keyframes blink{to{opacity:.25}}footer a{text-decoration:none;font-weight:500}@media(max-width:800px){header{grid-template-columns:1fr 1fr}.route{display:none}.intro{min-height:78svh}.intro h1{font-size:clamp(4.5rem,20vw,8rem);line-height:.78}.intro h1 em{margin-left:0}.lede{margin-left:20vw}.stamp{width:76px;height:76px;top:8%}.console-head{grid-template-columns:1fr 1fr}.console-head h2{grid-column:1/-1;grid-row:1;margin-bottom:2rem}.readout{grid-column:2}.controls{grid-template-columns:1fr}.controls label{min-height:110px;border-right:0;border-bottom:1px solid rgba(238,238,232,.2)}.controls button{min-height:150px}.notes{grid-template-columns:1fr}.notes blockquote{margin:2rem 0}.notes p{margin:0;max-width:32rem}footer span:first-child{display:none}}@media(max-width:480px){.brand>span:last-child{display:none}.intro h1{margin-top:7rem}.lede{margin-left:0}.screen-wrap{min-height:330px}.console-head .readout{display:none}footer{gap:1rem}.pulse-dot{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}