@font-face{font-family:'Serial B Neue';src:url('/fonts/SerialBNeue-Black.woff2') format('woff2'),url('/fonts/SerialBNeue-Black.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Serial B Neue';src:url('/fonts/SerialBNeue-Regular.woff2') format('woff2'),url('/fonts/SerialBNeue-Regular.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}
h1{font-family:'Serial B Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:2.2rem;letter-spacing:-.03em;line-height:.9;text-transform:lowercase;margin:2.5rem 0 1rem}
h2{font-family:'Serial B Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;margin:2.5rem 0 1rem}
body{font:16px/1.5 ui-monospace,'SF Mono',Menlo,Consolas,monospace;color:#000;background:#fff;display:flex;flex-direction:column;min-height:100dvh}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none;letter-spacing:.06em}
header{padding:2rem 2.5rem}
.brand{font-family:'Serial B Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:1.3rem;letter-spacing:-.07em;line-height:1}
nav{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}
nav span{display:flex;gap:2ch}
footer{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.25rem 2.5rem;font-size:14px}
footer a{letter-spacing:.06em}
@media (max-width:640px){header{padding:1.25rem}footer{position:static;padding:1rem 1.25rem}}
@media (prefers-color-scheme:dark){body{background:#000;color:#fff}}