:root{--paper:#f4f3ee;--ink:#1c2a24;--ink-2:#4a5a52;--rule:#d6d9d2;--pine:#2f5d50;--pine-deep:#213f36;}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Source Serif 4",Georgia,"Times New Roman",serif;font-size:17px;line-height:1.6}
.wrap{max-width:720px;margin:0 auto;padding:56px 24px 96px}
header.site{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule);padding-bottom:18px;margin-bottom:48px}
.brand{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--pine-deep);text-decoration:none}
nav a{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);text-decoration:none;margin-left:18px}
nav a:hover,nav a:focus{color:var(--pine)}
h1{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:clamp(30px,5vw,44px);line-height:1.05;letter-spacing:-.01em;margin:0 0 18px;text-wrap:balance}
h2{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:20px;margin:36px 0 8px;letter-spacing:-.005em}
p{margin:0 0 16px;max-width:65ch}
.lede{font-size:20px;color:var(--ink-2)}
.eyebrow{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--pine);margin:0 0 10px}
.where{margin-top:40px;padding-top:20px;border-top:1px solid var(--rule);color:var(--ink-2);font-size:15px}
ul{padding-left:20px;margin:0 0 16px}li{margin:0 0 6px}
a{color:var(--pine)}
footer.site{margin-top:64px;padding-top:18px;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-2);font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif}
footer.site a{color:inherit;margin-right:16px}
.updated{font-size:14px;color:var(--ink-2);margin-bottom:28px}
