:root{color-scheme:light;--ink:#18211d;--paper:#f4f0e7;--line:#b9c5b8;--accent:#3f6b57}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Georgia,serif;min-height:100vh;display:flex;flex-direction:column}
header,footer,main{width:min(1080px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}
a{color:inherit}.mark{font:700 18px/1 system-ui;text-decoration:none;letter-spacing:.05em}nav{display:flex;gap:22px}nav a{font:14px system-ui;text-decoration:none}
main{padding:88px 0;flex:1}.eyebrow{font:12px system-ui;letter-spacing:.18em;color:var(--accent)}h1{font-size:clamp(44px,7vw,88px);line-height:1;max-width:820px;margin:.3em 0}.lede{font-size:21px;max-width:650px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px}.grid article{border:1px solid var(--line);padding:28px;min-height:210px}.grid span{font:12px system-ui;color:var(--accent)}h2{font-size:24px}
footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;font:12px system-ui}@media(max-width:700px){.grid{grid-template-columns:1fr}main{padding:56px 0}}