:root{--bg:#080808;--ink:#ededed;--muted:#969696}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}::selection{color:#080808;background:#ededed}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:9px;border-radius:2px;outline:1px solid #ededed}.site{place-items:center;min-height:100svh;padding:100px 24px;display:grid;position:relative;overflow:hidden}.grain{pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.corner-note{color:#888;letter-spacing:.3px;font-family:monospace;font-size:11px;position:absolute;top:38px;left:5%}.intro{text-align:center;position:relative}.hello{color:var(--muted);letter-spacing:.2px;margin:0 0 22px;font-size:14px}h1{letter-spacing:-.065em;margin:0;font-size:clamp(46px,7.8vw,112px);font-weight:400;line-height:1.12}.tagline{color:#a4a4a4;letter-spacing:.2px;margin:27px 0 0;font-size:clamp(14px,1.3vw,18px);line-height:1.6}.socials{justify-content:center;align-items:center;gap:24px;margin-top:47px;display:flex}.socials a{color:#9a9a9a;align-items:center;gap:9px;min-height:44px;font-size:11px;transition:color .2s;display:inline-flex}.socials a:hover{color:#fff}.socials svg{width:16px;height:16px}.arrow{color:#777;margin-left:3px}.separator{background:#303030;width:1px;height:12px}footer{color:#888;letter-spacing:.2px;justify-content:space-between;gap:20px;font-family:monospace;font-size:10px;display:flex;position:absolute;bottom:32px;left:5%;right:5%}@media (max-width:600px){.corner-note{font-size:10px;top:28px;left:7%}.site{padding:100px 20px}.hello{margin-bottom:20px;font-size:12px}h1{letter-spacing:-.06em;font-size:clamp(36px,9vw,54px)}.tagline{margin-top:21px}.socials{gap:20px;margin-top:32px}footer{font-size:8px;bottom:26px;left:7%;right:7%}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}
