@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/HankenGrotesk-latin-wght.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ground:#EFEFED;--ink:#1C1D1A;--ink-2:#62635C;--accent:#455024;--line:#D9D9D5;
  --font:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:400 18px/1.55 var(--font);min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:8px 14px;z-index:10}
.skip:focus{left:8px;top:8px}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 48px 40px}
.name{margin:0;font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
h1{font-weight:800;font-size:clamp(2.4rem,6vw,3.625rem);line-height:1.04;letter-spacing:-.03em;margin:40px 0 0;max-width:15em;text-wrap:balance}
h1 em{font-style:normal;color:var(--accent)}
.lede{max-width:30em;margin:24px 0 0;color:var(--ink-2)}
.links{margin:28px 0 0;display:flex;gap:24px;flex-wrap:wrap;justify-content:center;font-weight:700}
footer{border-top:1px solid var(--line);padding:22px 48px;text-align:center;font-size:15px;color:var(--ink-2)}
@media (max-width:600px){
  body{font-size:17px}
  main{padding:40px 24px 32px}
  footer{padding:20px 24px}
}