:root{color-scheme:light;--paper:#fffaf2;--ink:#25211e;--muted:#63584e;--accent:#8d3b19;--line:#dfd1c0}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 system-ui,-apple-system,sans-serif}
a{color:var(--accent);text-underline-offset:.18em}
a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
header,main,footer{max-width:52rem;margin:auto;padding:1.25rem clamp(1rem,4vw,2rem)}
header{display:flex;gap:.5rem 1.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line)}
nav{display:flex;flex-wrap:wrap;gap:.35rem 1.15rem}
.brand{font-weight:750;color:var(--ink);text-decoration:none;font-size:1.2rem}
main{padding-top:clamp(2rem,7vw,4rem);padding-bottom:3rem}
h1{font-size:clamp(2.25rem,7vw,4rem);letter-spacing:-.045em;line-height:1.08;margin:.35em 0}
h2{font-size:1.25rem;line-height:1.3;margin:1.8em 0 .4em}
p,li{max-width:66ch}
.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.78rem}
.intro{font-size:1.18rem;color:var(--muted)}
.callout{border:1px solid var(--line);border-radius:1rem;padding:1.25rem 1.5rem;background:#fffdf9;margin:1.75rem 0}
.callout h2{margin-top:0}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
figure{margin:2rem 0}
figure img{max-width:100%;height:auto;display:block;border-radius:.75rem;border:1px solid var(--line)}
figcaption{margin-top:.7rem;color:var(--muted);font-size:.9rem}