@font-face{font-family:"Bricolage Grotesque";src:url(fonts/bricolage-grotesque.woff2) format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(fonts/instrument-sans.woff2) format("woff2");font-weight:400 600;font-display:swap}
:root{--canvas:#EEEAE3;--panel:#F7F5F1;--stone:#DCD5CA;--ink:#1E2727;--ink-2:#4A5552;--accent-deep:#5E8A1F}
*{box-sizing:border-box}
html{background:var(--canvas);overflow-x:hidden;overflow-x:clip}
body{margin:0;color:var(--ink);font:400 17px/1.65 "Instrument Sans",system-ui,sans-serif;overflow-x:hidden;overflow-x:clip}
a{color:inherit;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--accent-deep);outline-offset:3px;border-radius:6px}
.skip{position:fixed;left:16px;top:-80px;background:var(--ink);color:var(--canvas);padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:600}
.skip:focus{top:16px}
.in{width:min(760px,100% - 32px);margin-inline:auto}
.top{border-bottom:1px solid var(--stone)}
.top .in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.name{font:800 20px/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;text-decoration:none}
.back{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:none}
.back:hover{text-decoration:underline}
main{padding:64px 0 104px}
h1{font:800 clamp(38px,7vw,64px)/1 "Bricolage Grotesque",sans-serif;letter-spacing:-.035em;margin:0 0 40px}
h2{font:700 21px/1.25 "Bricolage Grotesque",sans-serif;letter-spacing:-.01em;margin:40px 0 10px}
p,li{color:var(--ink-2)}
p{margin:0 0 12px}
strong{color:var(--ink)}
.bottom{border-top:1px solid var(--stone);padding:28px 0;font-size:15px;color:var(--ink-2)}