*{box-sizing:border-box}body{margin:0;font:16px/1.6 Georgia,"Times New Roman",serif;color:#2b2622;background:#f7f3ee}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}header{border-bottom:1px solid #e2d9cf;background:#fff}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-weight:700;font-size:20px;color:#6b4f3a}
nav a{margin-left:20px;color:#2b2622;text-decoration:none}.hero{padding:72px 0;background:#efe7dd}.hero h1{font-size:34px;margin:0 0 12px}
section{padding:48px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
article{background:#fff;border:1px solid #e2d9cf;padding:20px;border-radius:6px}footer{padding:24px 0;color:#7a6e64;font-size:14px}
.nf{text-align:center;padding:120px 20px}.nf h1{font-size:64px;margin:0;color:#6b4f3a}