*{box-sizing:border-box}
body{margin:0;background:#fbf8f2;color:#2b2420;font:17px/1.6 Georgia,"Times New Roman",serif}
a{color:inherit}
.top,main,footer{max-width:880px;margin:0 auto;padding:0 24px}
.top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding-top:32px;padding-bottom:32px}
.brand{font-weight:700;font-size:20px;text-decoration:none}
nav{display:flex;gap:20px}
nav a{text-decoration:none;border-bottom:2px solid transparent}
nav a:hover{border-color:#a4512f}
h1{font-size:clamp(32px,6vw,52px);line-height:1.1;margin:24px 0 16px}
h2{font-size:22px;margin:40px 0 8px}
.lead{font-size:20px;max-width:620px}
.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:32px 0;padding:0;list-style:none}
.items li{border-top:3px solid #a4512f;padding-top:12px}
.meta{font-size:14px;opacity:.7}
.post{margin:0 0 32px;max-width:640px}
footer{padding-top:48px;padding-bottom:40px;font-size:14px;opacity:.7}