:root{--paper:#FBF9F4;--ink:#23201C;--muted:#5E574E;--olive:#4F6B3A;--lime:#A6E22E;--line:#DCD6C8}
*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.5 Figtree,system-ui,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left))}
nav{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;min-height:64px}
.brand{font:900 22px/1 "Big Shoulders Display",Impact,sans-serif;letter-spacing:.06em;text-transform:uppercase;margin-right:auto;color:var(--ink);text-decoration:none}
nav a{color:var(--ink);min-height:44px;display:inline-flex;align-items:center}nav a[aria-current=page]{font-weight:700}
main{padding:clamp(48px,10vw,120px) 0}
.eyebrow{font-weight:800;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--olive);margin:0 0 16px}
h1{font:900 clamp(52px,10vw,112px)/.92 "Big Shoulders Display",Impact,sans-serif;text-transform:uppercase;margin:0;max-width:16ch}
h1 span{background:var(--lime);padding:0 .12em}
.lead{font-size:clamp(20px,2.4vw,26px);line-height:1.35;max-width:34em;margin:28px 0}
ul{list-style:none;padding:0;margin:36px 0 0;border-top:1px solid var(--line);max-width:760px}
li{padding:16px 0;border-bottom:1px solid var(--line)}li a{font-weight:700;color:var(--ink)}
footer{padding:28px 0 44px;color:var(--muted);font-size:15px}
a:focus-visible{outline:3px solid var(--olive);outline-offset:3px}