:root { --cream:#fbf6ee; --crust:#7a4a1e; --ink:#2b2118; }
* { box-sizing:border-box; }
body { margin:0; font:17px/1.6 Georgia, "Times New Roman", serif; color:var(--ink); background:var(--cream); }
.hero { text-align:center; padding:90px 20px 70px; background:linear-gradient(160deg,#f3e3c7,#e9cfa4); }
.eyebrow { letter-spacing:.15em; text-transform:uppercase; font:600 13px/1 system-ui, sans-serif; color:var(--crust); }
h1 { font-size:clamp(42px,8vw,76px); margin:.2em 0; }
.tag { font-size:20px; max-width:34ch; margin:0 auto 28px; }
.btn { display:inline-block; background:var(--crust); color:#fff; padding:12px 26px; border-radius:999px; text-decoration:none; font:600 15px system-ui, sans-serif; }
main { max-width:960px; margin:0 auto; padding:50px 20px; }
h2 { color:var(--crust); }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:18px; }
article { background:#fff; border-radius:14px; padding:18px 20px; box-shadow:0 2px 10px rgba(122,74,30,.08); }
article h3 { margin:0 0 6px; }
.visit { margin-top:50px; }
footer { text-align:center; padding:30px; font:14px system-ui, sans-serif; color:#7d6a58; }