:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#edece4;background:#0c0c0b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:280px}main{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:60px 6vw}.identity{width:100%;max-width:1800px}h1{font-size:clamp(5rem,18.2vw,23rem);font-weight:700;letter-spacing:-.06em;line-height:1.04;margin:0 0 18px;white-space:nowrap;cursor:default;user-select:none}h1 span{display:inline-block}.dot{color:#008EFF}nav{display:flex;gap:36px;margin-left:.8vw;width:fit-content}nav a{color:#b0b0a7;font-size:16px;text-decoration:none;display:flex;align-items:center;gap:36px;min-height:48px;padding:10px 0;border-bottom:1px solid #3b3b36;transition:color .2s,border-color .2s}nav a span{color:#008EFF;transition:transform .2s}nav a:hover{color:#edece4;border-color:#008EFF}nav a:hover span{transform:translate(3px,-3px)}a:focus-visible{outline:2px solid #008EFF;outline-offset:7px}#type-canvas{position:fixed;inset:0;pointer-events:none}#type-canvas canvas{display:block;width:100%;height:100%}.webgl-ready h1{color:transparent}.webgl-ready h1 .dot{color:transparent}@media(max-width:600px){main{padding:48px 8vw}h1{font-size:clamp(5rem,34vw,13rem);line-height:.95;white-space:normal;letter-spacing:-.06em;margin-bottom:22px}h1 span:first-child{display:block}nav{gap:30px;margin-left:1vw}nav a{gap:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}




.nameplate{width:fit-content;max-width:100%;margin-bottom:32px}
.nameplate h1{margin-bottom:0}
@media(max-width:600px){.nameplate{margin-bottom:28px}}