*,*::before,*::after{box-sizing:border-box}
html{background:#000;color-scheme:dark}
body{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;background:#000;color:#fff;-webkit-font-smoothing:antialiased}
main{padding:24px;text-align:center}
h1{margin:0;font-family:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-weight:600;font-size:clamp(2.75rem,11vw,8rem);line-height:1;letter-spacing:-.045em;animation:settle 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes settle{from{opacity:0;transform:translateY(10px);letter-spacing:-.02em}to{opacity:1;transform:none;letter-spacing:-.045em}}
@media(prefers-reduced-motion:reduce){h1{animation:none}}