*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-moz-user-select:none;user-select:none;-webkit-user-select:none}:root{--bg:#f5f5f0;--fg:#0a0a0a;--red:#f22;--dim:#1a1a1a;--dimmer:#2a2a2a;--font-d:"Bebas Neue",sans-serif;--font-m:"JetBrains Mono",monospace;--grid:68px;--pad:calc(var(--grid)*2)}html{height:100%;overflow-x:hidden}body{background:var(--bg);min-height:100%;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{transform:translate(-2px)}body.is-home{overflow:hidden}body:not(.is-home){overflow-x:hidden;overflow-y:auto}.grain{animation:grain .45s steps(3) infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:180px 180px;height:300%;inset:-100%;opacity:.038;pointer-events:none;position:fixed;width:300%;z-index:300}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(-2%,2%)}}.scanlines{background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 4px);z-index:3}.grid-bg,.scanlines{inset:0;pointer-events:none;position:fixed}.grid-bg{background-image:linear-gradient(rgba(0,0,0,.11) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.11) 1px,transparent 0);background-size:var(--grid) var(--grid);z-index:1}.grid-persp{background-image:linear-gradient(rgba(0,0,0,.14) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.14) 1px,transparent 0);background-size:80px 80px;bottom:0;height:60vh;left:-10%;mask-image:linear-gradient(0deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.15) 55%,transparent);-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.15) 55%,transparent);transform:perspective(480px) rotateX(62deg);transform-origin:50% 100%;width:120%;z-index:2}.grid-persp,.scan-beam{pointer-events:none;position:fixed}.scan-beam{animation:scan-sweep 9s linear infinite;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.028) 30%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.028) 70%,transparent);height:180px;left:0;right:0;top:-180px;z-index:4}@keyframes scan-sweep{0%{transform:translateY(0)}to{transform:translateY(calc(100vh + 180px))}}.diag-line{animation:line-in 1.6s cubic-bezier(.16,1,.3,1) .35s forwards;background:linear-gradient(to bottom,transparent 0,var(--red) 15%,var(--red) 65%,transparent 100%);height:200vh;opacity:0;position:fixed;right:29%;top:0;transform:rotate(11deg);transform-origin:top center;width:1px;z-index:5}.diag-line--secondary{animation:line-in 1.6s cubic-bezier(.16,1,.3,1) .5s forwards;background:linear-gradient(180deg,transparent 0,rgba(255,34,34,.18) 20%,rgba(255,34,34,.18) 60%,transparent);opacity:0;right:29.8%}@keyframes line-in{0%{opacity:0;transform:rotate(11deg) scaleY(0)}to{opacity:1;transform:rotate(11deg) scaleY(1)}}.accent-node{animation:node-in .3s cubic-bezier(.16,1,.3,1) 1.8s forwards,node-pulse 3.5s cubic-bezier(.4,0,.6,1) 2.1s infinite;background:var(--red);height:6px;opacity:0;position:fixed;right:calc(29% - 3px);top:45%;width:6px;z-index:8}@keyframes node-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes node-pulse{0%,to{box-shadow:0 0 #ff2222b3}50%{box-shadow:0 0 0 10px #f220,0 0 28px 2px #ff222240}}.ann{animation:fade-in .5s ease forwards;color:var(--dim);font-family:var(--font-m);font-size:9px;font-weight:300;letter-spacing:.1em;line-height:1.75;opacity:0;pointer-events:none;position:fixed;text-transform:uppercase;z-index:50}.ann--tl{animation-delay:.4s;left:22px;top:22px}.ann--tr{animation-delay:.6s;right:22px;text-align:right;top:22px}.ann--bl{animation-delay:.8s;bottom:22px;left:22px}.ann--br{animation-delay:1s;bottom:22px;right:22px;text-align:right}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.side-strip{animation:fade-in .5s ease 1.2s forwards;color:var(--dimmer);font-size:7.5px;letter-spacing:.28em;opacity:0;pointer-events:none;position:fixed;right:-410px;top:50%;transform:translateY(-50%) rotate(90deg);white-space:nowrap;z-index:50}.section-label,.side-strip{font-family:var(--font-m);text-transform:uppercase}.section-label{color:var(--red);display:block;font-size:11px;font-weight:400;letter-spacing:.22em;margin-bottom:20px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .35s ease,transform .35s ease}.reveal.visible{opacity:1;transform:translateY(0)}.slide-animating .layout,.slide-animating body{overflow-x:hidden!important}.slide-entering,.slide-entering *,.slide-entering :after,.slide-entering :before{animation-delay:0s!important;animation-duration:0s!important;animation-fill-mode:forwards!important}.slide-entering .reveal{opacity:1!important;transform:none!important}.slide-entering .accent-node,.slide-entering .ann,.slide-entering .diag-line,.slide-entering .meta,.slide-entering .name__line,.slide-entering .nav--delayed,.slide-entering .side-strip,.slide-entering .sp-back,.slide-entering .terminal{filter:none!important;opacity:1!important;transform:none!important}.slide-entered .ann,.slide-entered .meta,.slide-entered .name__line,.slide-entered .sp-back,.slide-entered .terminal{animation:none!important;opacity:1!important}@media(max-width:768px){:root{--grid:24px;--pad:24px}.ann--br,.ann--tr,.side-strip{display:none}}@media(max-width:480px){:root{--grid:16px;--pad:16px}.ann--bl{display:none}}