*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;color:#2b2420;background:#faf6f0}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:#fff;border-bottom:1px solid #eadfd2}
header a.logo{font-size:22px;font-weight:bold;color:#2b2420;text-decoration:none}nav a{margin-left:22px;color:#6b4f3a;text-decoration:none}
.hero img{width:100%;height:320px;object-fit:cover;display:block}.wrap{padding:36px 6vw}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.grid figure{margin:0;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(60,40,20,.08)}
.grid img{width:100%;display:block}.grid figcaption{padding:10px 14px;font-size:15px}
footer{padding:28px 6vw;color:#8a7a6c;font-size:14px;border-top:1px solid #eadfd2}