@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";:root{--base-100: #f4f4f5;--base-400: #18181b;--logo-invert-bg: #18181b;--logo-invert-fg: #f4f4f5;--header-fg: #18181b}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--base-400)}.site-header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1rem clamp(1rem,3vw,1.75rem);pointer-events:none}.site-header>*{pointer-events:auto}.site-logo{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none}.site-logo:focus-visible .site-logo__mark,.site-contact:focus-visible{outline:2px solid var(--header-fg);outline-offset:3px}.site-logo__mark{display:inline-block;padding:.45rem .95rem;border-radius:.55rem;font-family:PP Pangram Sans,Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(1rem,2.8vw,1.35rem);font-weight:800;line-height:1;letter-spacing:-.02em;text-transform:lowercase;color:var(--base-400);background-color:var(--base-100);box-shadow:0 1px 2px #18181b14,0 4px 12px #18181b0f;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}.site-logo.logo-inverted .site-logo__mark{color:var(--logo-invert-fg);background-color:var(--logo-invert-bg);box-shadow:0 1px 2px #ffffff0f,0 4px 12px #00000059}.site-contact{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;color:var(--header-fg);background-color:#f4f4f5d9;box-shadow:0 1px 2px #18181b0f;transition:color .2s ease,background-color .2s ease}.site-contact:hover{color:var(--base-400);background-color:var(--base-100)}.site-contact.contact-inverted{color:var(--logo-invert-fg);background-color:#18181ba6}.site-contact.contact-inverted:hover{background-color:var(--logo-invert-bg)}.hero{position:relative;width:100%;height:100svh;background-color:#b0b0b0;overflow:hidden}.scroll-band{min-height:100svh;width:100%;background-color:#e8e8e8}.scroll-band.logo-surface--dark{background-color:#121212}.projects{position:absolute;left:50%;bottom:4rem;transform:translate(-50%);width:100%;display:flex;justify-content:center;gap:.5rem;list-style:none;z-index:2}.projects li{text-transform:uppercase;font-family:Geist Mono,Arial,sans-serif;font-size:.7rem;font-weight:450;color:#000;width:max-content;padding:.5rem 1rem;background-color:#fff;border:1px solid #000;box-shadow:4px 4px 0 -1px #000;cursor:pointer}.projects li:hover{color:#fff;background-color:#000}@media(max-width:640px){.site-logo__mark{padding:.35rem .65rem;font-size:.875rem}.site-header{padding:.75rem 1rem}}@media(max-width:1000px){.projects{flex-wrap:wrap;padding:0 4rem}}