:root{--ease-out:cubic-bezier(.23,1,.32,1);--max:1100px;--gutter:clamp(18px,4vw,56px)}
*{box-sizing:border-box}
body{margin:0;background:var(--paper,#f5f2e9);color:var(--ink,#232822);font:16px/1.6 system-ui,sans-serif}
img,svg{display:block;max-width:100%}
h1,h2,h3,p,figure{margin:0}
a{color:inherit;text-underline-offset:.22em}
button,input,select{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.frame{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-block:20px;border-bottom:1px solid var(--line,#cbcbbd)}
.brand{font-weight:750;letter-spacing:-.035em;text-decoration:none}
.top nav{display:flex;gap:clamp(14px,3vw,32px);flex-wrap:wrap;font-size:.875rem}
.top nav a:not([aria-current=page]){text-decoration:none}
.foot{display:flex;flex-wrap:wrap;gap:8px 32px;justify-content:space-between;border-top:1px solid var(--line,#cbcbbd);padding-block:18px 30px;margin-top:56px;font-size:.82rem;color:var(--muted,#546053)}
.eyebrow{font:700 .72rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:var(--accent,#8b3e2b)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1rem;border:1px solid transparent;background:var(--ink,#232822);color:var(--paper,#f5f2e9);text-decoration:none;font-weight:650;transition:transform 160ms var(--ease-out),opacity 140ms var(--ease-out)}
.button:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.button:hover{opacity:.83}.top nav a:hover{text-decoration:underline}}
:focus-visible{outline:2px solid var(--accent,#8b3e2b);outline-offset:4px}
.skip{position:absolute;z-index:10;left:12px;top:12px;padding:8px 12px;background:var(--paper,#f5f2e9);transform:translateY(-150%)}
.skip:focus{transform:none}
@media(prefers-reduced-motion:reduce){.button{transition:opacity 120ms var(--ease-out)}.button:active{transform:none}}