@font-face { font-family: "Roboto Mono"; font-style: normal; font-weight: 100 700; font-display: swap; src: url("/assets/roboto-mono-latin-wght-normal.woff2") format("woff2-variations"); }
:root { color-scheme: dark; font-family: "Roboto Mono", ui-monospace, SFMono-Regular, Consolas, monospace; background: #000; color: #fff; }
* { box-sizing: border-box; }
html { min-width: 320px; background: #000; }
body { min-height: 100vh; min-height: 100svh; margin: 0; display: grid; grid-template-rows: 1fr auto; background: #000; }
.skip-link { position: fixed; top: 1rem; left: 1rem; z-index: 2; padding: .75rem 1rem; color: #000; background: #fff; transform: translateY(-200%); }
.skip-link:focus { transform: none; }
main { display: grid; place-items: center; padding: clamp(2rem, 7vh, 5rem) 1.5rem 2rem; }
.brand-panel { width: min(100%, 36rem); text-align: center; animation: arrive .8s cubic-bezier(.2, .8, .2, 1) both; }
.brand-mark { display: block; width: clamp(7rem, 22vw, 10rem); height: auto; margin: 0 auto 1.25rem; }
.wordmark { margin: 0; font-size: clamp(1rem, 3vw, 1.25rem); font-weight: 500; letter-spacing: .04em; }
h1 { margin: 1.15rem 0 1.75rem; font-size: clamp(2rem, 7vw, 3.75rem); font-weight: 300; line-height: 1.1; letter-spacing: -.045em; }
.social-links { display: flex; justify-content: center; gap: .75rem; }
.social-link, .home-link { color: #fff; text-decoration: none; }
.social-link { width: 3rem; height: 3rem; display: grid; place-items: center; border: 1px solid #333; border-radius: 50%; transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease; }
.social-link:hover { color: #000; border-color: #fff; background: #fff; transform: translateY(-2px); }
.social-link:focus-visible, .home-link:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.social-link svg { width: 1.15rem; height: 1.15rem; fill: currentColor; }
.site-footer { padding: 1.25rem 1.5rem 1.5rem; color: #737373; text-align: center; font-size: .72rem; letter-spacing: .02em; }
.site-footer p { margin: 0; }
.not-found h1 { margin-bottom: 1rem; }
.not-found .home-link { display: inline-flex; min-height: 44px; align-items: center; color: #b3b3b3; }
.not-found .home-link:hover { color: #fff; }
@keyframes arrive { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; } }