@font-face{font-family:"Graph 35 Pix";src:url(/assets/Graph-35-pix-CsG2iPXt.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amelie Fierce;src:url(./fonts/AmelieFierce-Regular.woff2) format("woff2"),url(./fonts/AmelieFierce-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--c-void: #050505;--c-surface: #0d0d0d;--c-border: #1a1a1a;--c-text: #c8c8c8;--c-text-dim: #555555;--c-accent: #888888;--c-accent-glow: rgba(136, 136, 136, .15);--c-accent-ghost: rgba(136, 136, 136, .05);--c-glitch-cyan: #3a3a3a;--f-display: "Graph 35 Pix", "Big Shoulders Display", sans-serif;--f-mono: "Graph 35 Pix", "Big Shoulders Display", sans-serif;--corner-size: 28px;--corner-weight: 1px;--frame-inset: 20px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:var(--c-void);color:var(--c-text);font-family:var(--f-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--c-accent);color:var(--c-void)}a{color:inherit;text-decoration:none}.viewport{position:relative;width:100%;height:100dvh;overflow:hidden;cursor:none}.content{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--frame-inset) + 20px)}.wireframe-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;animation:fadeIn 1.2s ease-out .6s forwards}.grain-overlay{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;animation:fadeIn .3s ease-out .1s forwards}.grain-overlay:after{content:"";position:absolute;inset:-200%;width:400%;height:400%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px 256px;animation:grainShift .5s steps(4) infinite}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-64px,32px)}50%{transform:translate(32px,-64px)}75%{transform:translate(-32px,64px)}to{transform:translate(64px,-32px)}}.scanlines{position:fixed;inset:0;z-index:99;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);opacity:0;animation:fadeIn .4s ease-out .05s forwards}.grid-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:0;animation:fadeIn .6s ease-out .2s forwards;background-image:linear-gradient(var(--c-border) 1px,transparent 1px),linear-gradient(90deg,var(--c-border) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 0%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 0%,transparent 100%)}.corner-mark{position:fixed;width:var(--corner-size);height:var(--corner-size);z-index:10;opacity:0;animation:fadeIn .3s ease-out forwards}.corner-mark--tl{top:var(--frame-inset);left:var(--frame-inset);border-top:var(--corner-weight) solid var(--c-text-dim);border-left:var(--corner-weight) solid var(--c-text-dim)}.corner-mark--tr{top:var(--frame-inset);right:var(--frame-inset);border-top:var(--corner-weight) solid var(--c-text-dim);border-right:var(--corner-weight) solid var(--c-text-dim)}.corner-mark--bl{bottom:var(--frame-inset);left:var(--frame-inset);border-bottom:var(--corner-weight) solid var(--c-text-dim);border-left:var(--corner-weight) solid var(--c-text-dim)}.corner-mark--br{bottom:var(--frame-inset);right:var(--frame-inset);border-bottom:var(--corner-weight) solid var(--c-text-dim);border-right:var(--corner-weight) solid var(--c-text-dim)}.top-label{position:fixed;left:calc(var(--frame-inset) + 40px);top:var(--frame-inset);z-index:10;font-family:var(--f-mono);font-size:11px;letter-spacing:.15em;color:var(--c-text-dim);opacity:0;animation:fadeIn .5s ease-out 1.3s forwards;-webkit-user-select:none;user-select:none}.top-readout{position:fixed;right:var(--frame-inset);top:calc(var(--frame-inset) + 60px);z-index:10;font-family:var(--f-mono);font-size:11px;letter-spacing:.15em;color:var(--c-text-dim);writing-mode:vertical-rl;text-orientation:mixed;opacity:0;animation:fadeIn .5s ease-out 1.4s forwards;-webkit-user-select:none;user-select:none}.top-readout span{display:block;margin-bottom:1em}.side-text{position:fixed;left:var(--frame-inset);bottom:calc(var(--frame-inset) + 60px);z-index:10;font-family:var(--f-mono);font-size:11px;letter-spacing:.15em;color:var(--c-text-dim);writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);opacity:0;animation:fadeIn .5s ease-out 1.5s forwards;-webkit-user-select:none;user-select:none}.side-text span{display:block;margin-bottom:1em}.bottom-stamp{position:fixed;left:calc(var(--frame-inset) + 40px);bottom:var(--frame-inset);z-index:10;font-family:var(--f-mono);font-size:11px;letter-spacing:.15em;color:var(--c-text-dim);opacity:0;animation:fadeIn .5s ease-out 1.6s forwards;-webkit-user-select:none;user-select:none}.name-block{position:relative;z-index:5;padding-left:5%;margin-bottom:auto;margin-top:auto}.name-block:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:6;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.25) 2px,rgba(0,0,0,.25) 4px);mix-blend-mode:multiply;animation:nameScanlineDrift 8s linear infinite}@keyframes nameScanlineDrift{0%{background-position:0 0}to{background-position:0 200px}}.name-line{display:block;font-family:var(--f-display);font-weight:900;font-size:clamp(4rem,14vw,16rem);line-height:1.02;letter-spacing:-.02em;color:var(--c-text);text-transform:uppercase;position:relative;cursor:none;-webkit-user-select:none;user-select:none;opacity:0;transform:translate(-40px)}.name-line--first{animation:slideInName .7s var(--ease-out-expo) .3s forwards}.name-line--second{animation:slideInName .7s var(--ease-out-expo) .5s forwards;color:var(--c-accent)}@keyframes slideInName{to{opacity:1;transform:translate(0)}}.name-line:before,.name-line:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}.name-line:before{color:var(--c-accent);clip-path:inset(0 0 0 0)}.name-line:after{color:var(--c-glitch-cyan);clip-path:inset(0 0 0 0)}.name-block.glitching .name-line:before{opacity:.7;animation:glitchTop .15s steps(2) infinite}.name-block.glitching .name-line:after{opacity:.5;animation:glitchBottom .15s steps(3) infinite}.name-block.glitching .name-line.loaded{animation:glitchMain .12s steps(2) infinite}.name-line.loaded{opacity:1;transform:translate(0)}@keyframes glitchMain{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,2px)}80%{transform:translate(1px,-2px)}to{transform:translate(0)}}@keyframes glitchTop{0%{clip-path:inset(10% 0 80% 0);transform:translate(-3px,-1px)}25%{clip-path:inset(30% 0 50% 0);transform:translate(3px,1px)}50%{clip-path:inset(60% 0 10% 0);transform:translate(-2px,2px)}75%{clip-path:inset(5% 0 70% 0);transform:translate(2px,-1px)}to{clip-path:inset(40% 0 30% 0);transform:translate(-3px,1px)}}@keyframes glitchBottom{0%{clip-path:inset(70% 0 5% 0);transform:translate(3px,1px)}33%{clip-path:inset(15% 0 60% 0);transform:translate(-3px,-2px)}66%{clip-path:inset(50% 0 20% 0);transform:translate(2px,1px)}to{clip-path:inset(25% 0 45% 0);transform:translate(-2px,-1px)}}.links-block{position:absolute;right:calc(var(--frame-inset) + 30px);bottom:calc(var(--frame-inset) + 50px);z-index:5;display:flex;flex-direction:column;gap:18px}.link-row{display:flex;align-items:center;gap:14px;cursor:none;text-decoration:none;position:relative;opacity:0;transform:translate(30px)}.link-row:nth-child(1){animation:slideInLink .5s var(--ease-out-expo) .8s forwards}.link-row:nth-child(2){animation:slideInLink .5s var(--ease-out-expo) .95s forwards}.link-row:nth-child(3){animation:slideInLink .5s var(--ease-out-expo) 1.1s forwards}@keyframes slideInLink{to{opacity:1;transform:translate(0)}}.link-line{display:block;width:30px;height:1px;background:var(--c-text-dim);transition:width .35s var(--ease-out-expo),background .25s ease;flex-shrink:0}.link-index{font-family:var(--f-mono);font-size:12px;letter-spacing:.1em;color:var(--c-text-dim);transition:color .25s ease;flex-shrink:0}.link-label{font-family:var(--f-mono);font-size:18px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--c-text-dim);transition:color .25s ease,transform .3s var(--ease-out-expo)}.link-row:hover .link-line{width:80px;background:var(--c-accent)}.link-row:hover .link-index{color:var(--c-accent)}.link-row:hover .link-label{color:var(--c-text);transform:translate(4px)}.link-row:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:100%;background:var(--c-accent-ghost);transition:width .4s var(--ease-out-expo);pointer-events:none;z-index:-1}.link-row:hover:after{width:100%}.cursor-crosshair{position:fixed;top:0;left:0;width:20px;height:20px;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease}.cursor-crosshair.visible{opacity:1}.cursor-crosshair:before{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:var(--c-text);transform:translateY(-50%)}.cursor-crosshair:after{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:var(--c-text);transform:translate(-50%)}.cursor-follower{position:fixed;top:0;left:0;width:40px;height:40px;border-radius:50%;border:1px solid rgba(200,200,200,.15);background:#c8c8c808;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s var(--ease-out-expo),height .3s var(--ease-out-expo),border-color .25s ease,background .25s ease;opacity:0}.cursor-follower.visible{opacity:1;transition:opacity .3s ease,width .3s var(--ease-out-expo),height .3s var(--ease-out-expo),border-color .25s ease,background .25s ease}.cursor-follower.hovering{width:60px;height:60px;border-color:var(--c-accent);background:var(--c-accent-glow)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){:root{--frame-inset: 16px;--corner-size: 22px}.name-line{font-size:clamp(3rem,12vw,10rem)}.links-block{right:calc(var(--frame-inset) + 20px);bottom:calc(var(--frame-inset) + 40px)}}@media(max-width:640px){:root{--frame-inset: 12px;--corner-size: 18px}.content{justify-content:flex-start;padding-top:16vh}.name-block{padding-left:0}.name-line{font-size:clamp(2.8rem,16vw,5.5rem);line-height:1.06}.links-block{position:relative;right:auto;bottom:auto;margin-top:42px;padding-left:4px;gap:22px}.side-text,.bottom-stamp,.top-label,.top-readout{display:none}.grid-overlay{background-size:50px 50px}.viewport{cursor:auto}.cursor-crosshair,.cursor-follower{display:none!important}.link-row{cursor:pointer}}@media(max-width:380px){.name-line{font-size:clamp(2.2rem,14vw,4rem)}}