@font-face{font-family:"Marcellus";src:url(/fonts/marcellus-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/fonts/hanken-grotesk-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/fonts/hanken-grotesk-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/fonts/hanken-grotesk-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--basalt:#1B1C1E;--chalk:#E9E9E5;--ink:#1D1E20;--ash:#6E7175;--bronze:#B07F37;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--chalk);color:var(--ink);font:400 1rem/1.65 "Hanken Grotesk","Helvetica Neue",Arial,sans-serif}
header{background:var(--basalt)}header a{display:flex;align-items:center;gap:.65rem;color:var(--chalk);text-decoration:none;font:400 1.35rem/1 "Marcellus",Georgia,serif;letter-spacing:.04em;max-width:820px;margin:0 auto;padding:14px clamp(16px,4vw,48px)}
header img{width:34px;height:34px}
main{max-width:820px;margin:0 auto;padding:clamp(40px,7vw,88px) clamp(16px,4vw,48px)}
h1,h2{font-family:"Marcellus",Georgia,serif;font-weight:400;text-wrap:balance}h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.1;margin:0 0 1.2rem}
h2{font-size:1.5rem;margin:2.4rem 0 .6rem}p,li{max-width:66ch;color:#3D3F43}a{color:var(--bronze)}
.btn{display:inline-block;margin-top:1.6rem;background:var(--ink);color:var(--chalk);text-decoration:none;padding:.9em 1.4em;border-radius:999px;font-weight:600}
:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}