@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap');

:root { --ink:#1c2a21; --moss:#385844; --paper:#f6f3ea; --line:#cfd5c8; --accent:#d88552; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--ink); background:var(--paper); font-family:'DM Mono', monospace; font-size:14px; line-height:1.65; }
main { width:min(900px, calc(100% - 48px)); min-height:calc(100vh - 68px); padding:clamp(72px,14vw,164px) 0 72px; margin:auto; }
.eyebrow { color:var(--moss); font-size:11px; letter-spacing:.1em; margin:0 0 22px; }
h1 { margin:0 0 28px; font:600 clamp(58px,10vw,116px)/.92 'Fraunces', serif; letter-spacing:-.065em; }
h1 em { color:var(--moss); font-style:italic; }
.intro { max-width:510px; font-size:16px; }
nav { max-width:520px; margin-top:56px; border-top:1px solid var(--line); }
nav a { display:flex; justify-content:space-between; padding:17px 0; color:var(--ink); text-decoration:none; border-bottom:1px solid var(--line); transition:padding .2s ease,color .2s ease; }
nav a:hover { padding-left:10px; color:var(--accent); }
.legal { max-width:760px; }
.back { display:inline-block; margin-bottom:56px; color:var(--moss); text-decoration:none; }
.legal h1 { font-size:clamp(52px,9vw,92px); }
section { max-width:660px; margin-top:42px; }
h2 { font:600 28px/1.1 'Fraunces',serif; letter-spacing:-.03em; margin:0 0 12px; }
section p { margin:0; }
section a { color:var(--moss); }
footer { width:min(900px, calc(100% - 48px)); padding:20px 0 28px; margin:auto; color:var(--moss); border-top:1px solid var(--line); font-size:11px; }
@media (max-width:600px) { main { width:min(100% - 32px,900px); } footer { width:calc(100% - 32px); } }