.pharos{--ph-pixel-size:6px;--ph-gap:1px;--ph-letter-spacing:calc(var(--ph-pixel-size) * .5);--ph-on-color:currentColor;--ph-off-color:transparent;align-items:flex-start;gap:var(--ph-letter-spacing);flex-flow:row;line-height:0;display:inline-flex}.pharos--fluid{--ph-pixel-size:calc(100cqw / var(--ph-units));--ph-gap:calc(var(--ph-pixel-size) * var(--ph-gap-ratio));--ph-letter-spacing:calc(var(--ph-pixel-size) * var(--ph-letter-ratio));width:100%;display:flex;container-type:inline-size}.pharos__char{grid-template-columns:repeat(var(--ph-cols), var(--ph-pixel-size));grid-template-rows:repeat(var(--ph-rows), var(--ph-pixel-size));gap:var(--ph-gap);display:grid}.pharos__space{flex:none}.pharos__pixel{width:var(--ph-pixel-size);height:var(--ph-pixel-size);background-color:var(--ph-off-color)}.pharos__pixel--on{background-color:var(--ph-on-color)}.ph-shape-squircle .pharos__pixel{border-radius:28%}.ph-shape-dot .pharos__pixel{border-radius:50%}.ph-shape-diamond .pharos__pixel{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.ph-shape-ring .pharos__pixel--on{box-shadow:inset 0 0 0 max(1px, calc(var(--ph-pixel-size) * .24)) var(--ph-on-color);background-color:#0000;border-radius:50%}.pharos__pixel.ph-tri-tl{clip-path:polygon(0 0,100% 0,0 100%);border-radius:0}.pharos__pixel.ph-tri-tr{clip-path:polygon(0 0,100% 0,100% 100%);border-radius:0}.pharos__pixel.ph-tri-bl{clip-path:polygon(0 0,0 100%,100% 100%);border-radius:0}.pharos__pixel.ph-tri-br{clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0}.hero{color:#fca5a5;touch-action:pan-y;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 28%,#1a0a08 0%,#000 72%);place-items:center;min-height:100svh;padding:40px 24px;display:grid}.hud-frame{position:relative}.hud-frame:before{content:"";pointer-events:none;--hud-arm:9px;--hud-thick:1.5px;background:linear-gradient(currentColor 0 0) 0 0 / var(--hud-arm) var(--hud-thick), linear-gradient(currentColor 0 0) 0 0 / var(--hud-thick) var(--hud-arm), linear-gradient(currentColor 0 0) 100% 0 / var(--hud-arm) var(--hud-thick), linear-gradient(currentColor 0 0) 100% 0 / var(--hud-thick) var(--hud-arm), linear-gradient(currentColor 0 0) 0 100% / var(--hud-arm) var(--hud-thick), linear-gradient(currentColor 0 0) 0 100% / var(--hud-thick) var(--hud-arm), linear-gradient(currentColor 0 0) 100% 100% / var(--hud-arm) var(--hud-thick), linear-gradient(currentColor 0 0) 100% 100% / var(--hud-thick) var(--hud-arm);filter:drop-shadow(0 0 2.5px);background-repeat:no-repeat;transition:inset .25s;position:absolute;inset:0}.hud-frame:hover:before{inset:-3px}.hero__repo{z-index:40;letter-spacing:.02em;color:#fca5a5;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;gap:8px;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;text-decoration:none;transition:color .2s;display:inline-flex;position:fixed;top:16px;right:16px}.hero__repo:hover{color:#ffd5cf}.hero__stage{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:clamp(18px,5vw,30px);width:100%;max-width:560px;display:flex;position:relative}.hero__eye:focus-visible{outline-offset:6px;outline:2px solid #ff7864b3}.hero__eye{appearance:none;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;aspect-ratio:1;background:radial-gradient(circle at calc(50% + var(--gx,0px)) calc(50% + var(--gy,0px)), rgba(255, 90, 55, calc(.45 + .5 * var(--focus,.25))) 42%, rgba(255, 70, 40, calc(.25 + .4 * var(--focus,.25))) 50%, #ff371e2e 60%, transparent 72%), conic-gradient(from 90deg, #6a6a6a, #f6f6f6, #9a9a9a, #2c2c2c, #9a9a9a, #f6f6f6, #6a6a6a, #2c2c2c, #6a6a6a);width:clamp(96px,32vw,200px);box-shadow:0 10px 30px #000c, inset 0 0 10px 1px rgba(255, 50, 20, calc(.25 + .4 * var(--focus,.25))), inset 0 0 3px #fff9;filter:drop-shadow(0 0 calc(14px + 42px * var(--focus,.25)) rgba(255, 45, 26, calc(.22 + .5 * var(--focus,.25))));border:0;border-radius:50%;padding:4%;position:relative}.hero__lens{background:radial-gradient(circle at calc(50% + var(--gx,0px)) calc(50% + var(--gy,0px)), #ffe6a0 0%, #ff7a2a 5%, #ff2d1a 16%, #c20d04 36%, #5a0602 58%, #170201 78%, #000 100%);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;position:relative;box-shadow:inset 0 0 14px 2px #000000b3,inset 0 0 0 1px #000000e6}.hero__etch{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero__etch text{fill:rgba(255, 240, 232, calc(.08 + .4 * var(--focus,.25)));filter:drop-shadow(calc(var(--gx,0px) * .2) calc(var(--gy,0px) * .2) .3px #0000008c);letter-spacing:1.3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;font-weight:700}.hero__lens:before{content:"";filter:blur(2px);background:linear-gradient(#ffffff38,#0000);border-radius:50%;height:24%;position:absolute;inset:9% 16% auto}.hero__pupil{aspect-ratio:1;width:7%;transform:translate(var(--gx,0px), var(--gy,0px));box-shadow:0 0 calc(6px + 8px * var(--focus,.25)) calc(2px + 2px * var(--focus,.25)) #ffd25af2, 0 0 calc(16px + 20px * var(--focus,.25)) calc(5px + 6px * var(--focus,.25)) rgba(255, 90, 30, calc(.4 + .3 * var(--focus,.25)));background:#ffe27a;border-radius:50%}.hero__content{flex-direction:column;align-items:center;gap:clamp(10px,2.2vw,15px);display:flex}.hero__name{width:min(90vw,470px);margin:0}.hero__glow{filter:drop-shadow(0 0 6px #ff2d1ad9)drop-shadow(0 0 18px #ff2d1a66)}.hero__divider{filter:drop-shadow(0 0 5px #ff2d1ad9)drop-shadow(0 0 14px #ff2d1a66);width:min(90vw,470px);margin-bottom:clamp(-26px,-5vw,-14px);line-height:0}.hero__tagline{color:#fde2dd;text-wrap:pretty;max-width:46ch;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(14px,4vw,18px);line-height:1.45}.hero__role{letter-spacing:.04em;color:#fca5a5;text-wrap:pretty;margin:0;font-family:ui-monospace,monospace;font-size:clamp(13px,3.4vw,15px)}.hero__role a{color:#ff7a6a;border-bottom:1px solid #ff5a4766;text-decoration:none;transition:color .2s,border-color .2s}.hero__role a:hover{color:#ffd5cf;border-color:#ff5a47}.hero__about-block{flex-direction:column;align-items:center;width:100%;display:flex}.hero__about-toggle{appearance:none;cursor:pointer;color:#ff8a78;opacity:.75;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:9px;padding:7px 14px;line-height:0;transition:opacity .2s;display:inline-flex}.hero__about-toggle:hover{opacity:1}.hero__about-toggle:focus-visible{outline-offset:3px;outline:2px solid #ff7864b3}.hero__about-label{margin-block:-7px;display:block}.hero__about-label .pharos__pixel--on{animation:none!important}.hero__about-caret{border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .3s;transform:translateY(-1px)rotate(45deg)}.hero__about-toggle.is-open .hero__about-caret{transform:translateY(1px)rotate(-135deg)}.hero__about{grid-template-rows:0fr;width:100%;transition:grid-template-rows .45s;display:grid}.hero__about.is-open{grid-template-rows:1fr}.hero__about-inner{flex-direction:column;align-items:center;gap:clamp(12px,2.6vw,16px);min-height:0;padding-top:clamp(12px,2.6vw,18px);display:flex;overflow:hidden}.hero__line{color:#9c726c;text-wrap:pretty;max-width:60ch;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(12px,3.2vw,14px);line-height:1.65}.hero__links{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero__links a{color:#ff7a6a;border:1px solid #ff5a4747;border-radius:50%;place-items:center;width:42px;height:42px;transition:color .2s,border-color .2s,background .2s;display:grid}.hero__links a:hover{color:#ffd5cf;background:#ff5a471a;border-color:#ff5a47}.hero .pharos__pixel--on.led-off{filter:opacity(0);transition:filter .13s}.hero .pharos__pixel--on.led-relight{animation:.65s ease-out led-relight}@keyframes led-relight{0%{filter:opacity(.05)brightness()}22%{filter:opacity()brightness(2.4)saturate(1.4)hue-rotate(22deg)}55%{filter:opacity()brightness(1.5)saturate(1.2)hue-rotate(10deg)}to{filter:opacity()}}.hero .pharos__pixel--on:nth-child(9n+2){animation:4.2s step-end infinite led-flicker;animation-delay:calc(var(--ph-i) * -53ms)}.hero .pharos__pixel--on:nth-child(14n+5){animation:2.7s ease-in-out infinite led-dim;animation-delay:calc(var(--ph-i) * -71ms)}.hero .pharos__pixel--on:nth-child(23n+11){animation:6s step-end infinite led-dead;animation-delay:calc(var(--ph-i) * -113ms)}@keyframes led-flicker{0%,41%,to{opacity:1}42%{opacity:.12}43%,61%{opacity:1}62%{opacity:.3}63%,76%{opacity:1}77%{opacity:.08}79%{opacity:1}}@keyframes led-dim{0%,to{opacity:1}50%{opacity:.4}}@keyframes led-dead{0%,92%,to{opacity:.1}94%{opacity:1}95%{opacity:.1}}.hero__fade{z-index:55;opacity:0;pointer-events:none;background:#000;transition:opacity .6s;position:fixed;inset:0}.hero__fade.is-holding{opacity:1;transition:opacity var(--hold-ms,2.6s) linear}.hero__fade.is-holding.is-touch{--hold-ms:1.5s}.hero__progress{pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:-3%;transform:rotate(-90deg)}.hero__progress circle{fill:none;stroke:#ff5f3ce6;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;filter:drop-shadow(0 0 4px #ff3c1ed9);transition:stroke-dashoffset .3s}.hero__eye.is-holding .hero__progress{opacity:1}.hero__eye.is-holding .hero__progress circle{stroke-dashoffset:0;transition:stroke-dashoffset var(--hold-ms,2.6s) linear}.hero__eye.is-holding.is-touch{--hold-ms:1.5s}.hero__countdown{z-index:60;background:#000;place-items:center;display:grid;position:fixed;inset:0}.hero__count{filter:drop-shadow(0 0 10px #86efacbf)drop-shadow(0 0 26px #22c55e66);width:min(34vmin,240px);animation:.45s steps(2,end) infinite count-flicker}@keyframes count-flicker{0%,to{opacity:1}50%{opacity:.82}}.hero__rain{z-index:0;pointer-events:none;opacity:.55;position:fixed;inset:0}.hero--matrix{color:#86efac;background:radial-gradient(circle at 50% 30%,#02160b 0%,#000 75%)}.hero--matrix .hero__tagline{color:#bbf7d0}.hero--matrix .hero__role,.hero--matrix .hero__line{color:#86efac}.hero--matrix .hero__about-toggle{color:#4ade80}.hero--matrix .hero__repo{color:#86efac}.hero--matrix .hero__role a{color:#4ade80;border-color:#4ade8073}.hero--matrix .hero__role a:hover{color:#d7ffe3;border-color:#22c55e}.hero--matrix .hero__name{filter:drop-shadow(0 0 6px #22c55ed9)drop-shadow(0 0 18px #22c55e66)}.hero--matrix .hero__divider{filter:drop-shadow(0 0 5px #22c55ed9)drop-shadow(0 0 14px #22c55e66)}.hero--matrix .hero__links a{color:#4ade80;border-color:#4ade804d}.hero--matrix .hero__links a:hover{color:#d7ffe3;background:#22c55e1f;border-color:#22c55e}.hero--matrix .hero__repo{color:#86efac;background:#02160b8c;border-color:#4ade804d}.hero--matrix .hero__repo:hover{color:#d7ffe3;background:#22c55e24;border-color:#22c55e}.hero--matrix .hero__lens{background:radial-gradient(circle at calc(50% + var(--gx,0px)) calc(50% + var(--gy,0px)), #e6ffe9 0%, #7af07a 5%, #22c55e 16%, #0d8a3a 36%, #064d22 58%, #021a0c 78%, #000 100%)}.hero--matrix .hero__pupil{box-shadow:0 0 calc(6px + 8px * var(--focus,.25)) calc(2px + 2px * var(--focus,.25)) #aaffb4f2, 0 0 calc(16px + 20px * var(--focus,.25)) calc(5px + 6px * var(--focus,.25)) rgba(40, 210, 100, calc(.4 + .3 * var(--focus,.25)));background:#d7ffe3}.hero--matrix .hero__eye{background:radial-gradient(circle at calc(50% + var(--gx,0px)) calc(50% + var(--gy,0px)), rgba(70, 255, 130, calc(.45 + .5 * var(--focus,.25))) 42%, rgba(40, 220, 90, calc(.25 + .4 * var(--focus,.25))) 50%, #14a0462e 60%, transparent 72%), conic-gradient(from 90deg, #6a6a6a, #f6f6f6, #9a9a9a, #2c2c2c, #9a9a9a, #f6f6f6, #6a6a6a, #2c2c2c, #6a6a6a);box-shadow:0 10px 30px #000c, inset 0 0 10px 1px rgba(30, 200, 90, calc(.25 + .4 * var(--focus,.25))), inset 0 0 3px #fff9;filter:drop-shadow(0 0 calc(14px + 42px * var(--focus,.25)) rgba(34, 197, 94, calc(.22 + .5 * var(--focus,.25))))}@media (width>=900px){.hero{padding:52px 48px}.hero__stage{text-align:left;flex-direction:row;justify-content:center;align-items:center;gap:clamp(48px,6vw,88px);width:fit-content;max-width:100%}.hero__eye{width:clamp(170px,18vw,240px)}.hero__content,.hero__about-block,.hero__about-inner{align-items:flex-start}.hero__name,.hero__divider{width:min(44vw,500px)}.hero__links{justify-content:flex-start}.hero__eye{padding:3.5%}}@media (prefers-reduced-motion:reduce){.hero__eye,.hero__count,.hero .pharos__pixel--on{animation:none}.hero .pharos__pixel--on.led-off{transition:none}}*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}html,body{color:#e5e7eb;background:#000;margin:0}