@font-face{font-family:Albert Sans;src:url(/fonts/albert-sans-900.woff2)format("woff2");font-weight:900;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/ibm-plex-mono-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{--page:#f5f5f3;--ink:#0a0a0a;--grey:#6b6b6b;--pad:clamp(1.25rem, 3.6vw, 3.5rem)}html,body{background:var(--page);min-height:100%;color:var(--ink);margin:0}#hero,.still{width:100vw;height:100dvh;display:block;position:fixed;inset:0}#hero{touch-action:pan-y}.still{object-fit:cover;object-position:70% 40%}[data-hero=still] #hero{display:none}.page{box-sizing:border-box;min-height:100dvh;padding:var(--pad);pointer-events:none;grid-template-rows:auto 1fr auto auto;grid-template-columns:minmax(0,1fr) auto;font-family:Albert Sans,system-ui,sans-serif;display:grid;position:relative}.page>header,footer{grid-column:1/-1}.page a{pointer-events:auto}.logo{width:auto;height:clamp(1.6rem,2.6vw,2.4rem);display:block}h1{letter-spacing:-.02em;grid-area:3/1;margin:0;font-size:clamp(3.25rem,2.229rem + 4.19vw,6rem);font-weight:900;line-height:1.02}.contact{flex-direction:column;grid-area:3/2;place-self:end;font:400 15px/1.55 IBM Plex Mono,ui-monospace,monospace;display:flex}.contact .why{color:var(--grey);margin:0 0 .8em;font-size:13px}.contact a{color:var(--ink);align-items:center;min-height:24px;text-decoration:none;display:flex}@media (pointer:coarse){.contact a{min-height:44px}}.contact a:hover{text-decoration:underline}.contact a:focus-visible{outline:2px solid var(--ink);outline-offset:3px;text-decoration:underline}footer{color:var(--grey);grid-row:4;margin-top:1.5rem;font:400 12px IBM Plex Mono,ui-monospace,monospace}footer span{white-space:nowrap}@media (width<=399px){footer span{display:block}footer .sep{display:none}}@media (width<=700px){.page{grid-template-rows:auto 1fr auto auto auto}.contact{grid-area:4/1/auto/-1;justify-self:start;margin-top:1.2rem;font-size:14px}.contact .why{font-size:12px}footer{grid-row:5}}@media (orientation:landscape) and (height<=500px){.page{grid-template-rows:auto 1fr auto auto}h1{font-size:clamp(2.25rem,12vh,3.25rem)}.contact{grid-area:3/2;justify-self:end;margin-top:0;font-size:14px}.contact .why{font-size:12px}footer{grid-row:4;margin-top:.75rem}}@media (orientation:landscape) and (height<=500px) and (pointer:coarse){.contact a{min-height:32px}}