@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Space+Grotesk:wght@400;500;700&display=swap";*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#100d18;color:#f5f2f8;font-family:Space Grotesk,Arial,sans-serif}canvas{position:fixed;inset:0;touch-action:none;z-index:0}.shade{position:fixed;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#100d18 0%,#100d18f5 24%,#100d1855 43%,transparent 61%),radial-gradient(ellipse at 66% 43%,transparent 27%,#100d1855 72%,#100d18 100%)}header{position:fixed;z-index:3;top:30px;left:4%;right:4%;display:flex;align-items:center;gap:26px}.logo{width:86px;color:#f5f2f8}.logo svg{width:100%;overflow:visible}.logo text{font:900 53px Arial;letter-spacing:-6px;fill:currentColor}.logo .electric{fill:none;stroke:#b8f65c;stroke-width:1;stroke-dasharray:6 9;opacity:0;filter:drop-shadow(0 0 4px #b8f65c)}.logo.active .electric{animation:electric .75s steps(3) both}.edition,#status,.eyebrow,.signature,aside,footer{font-family:Consolas,monospace;font-size:10px;letter-spacing:1.5px}.edition{color:#94889e;line-height:1.7}#status{margin-left:auto;color:#b8f65c}main{position:absolute;z-index:2;left:5%;top:23%;pointer-events:none}h1{pointer-events:auto;font-family:Barlow Condensed,Arial Narrow,Impact,sans-serif;font-size:clamp(65px,7.5vw,140px);font-weight:800;letter-spacing:-.025em;line-height:.87;margin:25px 0 30px;width:max-content;position:relative}h1>span{display:block}.outline{color:transparent;-webkit-text-stroke:1px #aea2c2}.green{color:#b8f65c}.dot,.eyebrow{color:#a77bff}.discipline{font-size:clamp(11px,1vw,15px);color:#e2d9eb}.note{color:#958ba3;font-size:12px;line-height:1.9;margin-top:22px}.signature{color:#b8f65c;margin-top:34px}.tech-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tech-path text{fill:none;stroke:#b8f65c;stroke-width:.75;stroke-dasharray:3 4;opacity:0}h1:hover .tech-path text{opacity:1;animation:trace .65s linear 1}h1:hover .outline{color:#a77bff15}aside{position:fixed;right:6%;bottom:16%;z-index:2;color:#a77bff}aside small{display:block;color:#887a97;font-size:8px;margin-top:10px}footer{position:fixed;z-index:3;bottom:26px;left:4%;right:4%;border-top:1px solid #ffffff15;padding-top:19px;display:flex;justify-content:space-between;align-items:center;color:#81768f;font-size:9px}.hint{color:#bcaccb}button{background:#18121f;border:1px solid #89749b55;color:#f5f2f8;font:10px Space Grotesk,sans-serif;padding:12px 18px;cursor:pointer}button:hover,button:focus-visible{border-color:#b8f65c}@keyframes electric{0%,40%,80%{opacity:1;stroke-dashoffset:25}20%,60%{opacity:.1;transform:translate(1px)}to{opacity:0;stroke-dashoffset:-60}}@keyframes trace{to{stroke-dashoffset:-32}}@media(max-width:700px){.edition{display:none}header{top:20px}main{top:16%;left:6%}h1{font-size:60px}.eyebrow{font-size:8px}.note,.signature{display:none}.discipline{font-size:10px}.shade{background:linear-gradient(180deg,#100d18 0%,#100d18cc 26%,transparent 54%,#100d1877 85%,#100d18 100%)}aside{bottom:13%;font-size:8px}footer>span:first-child{display:none}.hint,#status{font-size:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}.logo.active .electric,h1:hover .tech-path text{opacity:0}}.site-nav{margin-left:auto;display:flex;gap:32px;font:11px Space Grotesk,Arial,sans-serif;letter-spacing:2px}.site-nav a{color:#aaa0b9;text-decoration:none;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current]{color:#b8f65c}.explore{display:inline-flex;align-items:center;gap:45px;margin-top:32px;padding:14px 0;border-bottom:1px solid #b8f65c70;text-decoration:none;color:#b8f65c;font-size:12px;letter-spacing:1px;pointer-events:auto}.explore:hover span{transform:translate(3px,-3px)}.explore span{transition:transform .2s}body>main{top:32%}body>main h1{font-size:clamp(60px,7vw,130px);line-height:.95}body>main .discipline{line-height:1.8;color:#a99db7}footer #status{margin:0;font-size:9px;color:#a77bff}.logo:hover{color:#b8f65c}@media(max-width:700px){.site-nav{gap:16px;font-size:9px}body>main{top:20%}body>main h1{font-size:57px}.explore{margin-top:15px;font-size:10px}footer #status{display:none}}
