:root{--paper:#ffffff;--ink:#0e0e0e;--graphite:#34373b;--mist:#8e9196;--hairline:#e4e4e1;--display:"Space Mono", ui-monospace, monospace;--mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--cyan:#4cd6ff;--wide:840px;--nav-h:58px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;width:100%}body{margin:0;background:var(--paper);color:var(--graphite);font-family:var(--mono);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;width:100%}#root,main{width:100%;max-width:100%}a{color:var(--ink);text-decoration:none}::selection{background:#111;color:#fff}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,40px);background:#ffffffdb;-webkit-backdrop-filter:saturate(150%) blur(8px);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid var(--hairline)}.brand{display:flex;align-items:center;gap:9px;line-height:0}#logo{width:40px;height:40px;display:block;cursor:pointer}.nav .soc{display:flex;gap:13px}.nav .soc a{font-size:11px;color:var(--mist);letter-spacing:.05em}.nav .soc a:hover{color:var(--ink)}main{padding-top:var(--nav-h)}.page-enter{animation:fade .5s ease both;width:100%}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{position:relative;height:calc(100vh - var(--nav-h));min-height:520px;width:100%;max-width:100%;background:var(--paper);overflow:hidden;cursor:crosshair}#fluid{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;will-change:contents;z-index:0}.hero-clear{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(40% 44% at 50% 47%,#fffffff2,#fff9 44%,#fff0 76%)}.hero-glow{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);pointer-events:none;z-index:1;width:min(80vw,760px);height:min(44vh,400px);background:radial-gradient(closest-side,#ffffff8c,#fff0 70%);filter:blur(10px)}.hero-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 20px;z-index:2}.hero-name{font-family:var(--display);font-weight:700;line-height:.96;margin:0;font-size:clamp(34px,8.4vw,104px);letter-spacing:-.02em;max-width:14ch;color:#101012;text-shadow:0 1px 0 rgba(255,255,255,.7),0 3px 8px rgba(0,0,0,.16)}.hero-points{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font-family:var(--mono);font-size:clamp(12px,1.6vw,14px);color:#23262b;letter-spacing:.04em;text-shadow:0 1px 10px rgba(255,255,255,.9)}.hero-hint{position:absolute;bottom:22px;left:0;right:0;text-align:center;pointer-events:none;z-index:2;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#9a9ba0}.hero-hint .blink{animation:blink 1.6s steps(1) infinite;color:#5f6266}@keyframes blink{50%{opacity:0}}footer{background:#000;border-top:1px solid #111111;position:relative}.foot-art{width:100%;height:clamp(220px,40vw,320px);display:block;cursor:pointer;background:#000}.foot-in{max-width:var(--wide);margin:0 auto;padding:14px clamp(20px,5vw,28px) 44px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;position:relative;z-index:2}.foot-in .fbrand{font-family:var(--display);font-weight:700;color:#eef0ff;font-size:15px}.foot-in .fmeta{font-size:11px;color:#7e84b8;letter-spacing:.05em;margin-top:6px}.foot-soc{display:flex;gap:18px}.foot-soc a{font-size:12px;color:#aeb2d4;letter-spacing:.04em}.foot-soc a:hover{color:var(--cyan)}@media(prefers-reduced-motion:reduce){.page-enter,.hero-hint .blink,.hero-glow,#fluid{animation:none}}