body{margin:0;font-family:Georgia,serif;background:#faf6f0;color:#3b3127}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid #e6dccd}
.logo{font-size:22px;color:#3b3127;text-decoration:none}
nav a{margin-left:20px;color:#7a6650;text-decoration:none}
main{max-width:880px;margin:0 auto;padding:40px 24px}
.hero h1{font-size:40px;margin:0 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px}
article{background:#fff;border:1px solid #e6dccd;padding:20px}
article span{font-weight:bold}
footer{text-align:center;padding:32px;color:#9a8a76;font-size:14px}