body{margin:0;font:17px/1.6 Georgia,serif;color:#2b2118;background:#f7f2ea}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 6vw;border-bottom:1px solid #e2d6c4}
.logo{font:700 22px/1 Helvetica,Arial,sans-serif;letter-spacing:.08em;color:#6b3f1d;text-decoration:none}
nav a{margin-left:22px;color:#2b2118}
main{max-width:860px;margin:0 auto;padding:48px 6vw}
.hero h1{font-size:2.4em;margin:0 0 .3em}.note{background:#efe4d3;padding:12px 16px;border-left:3px solid #6b3f1d}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px}
.grid div{background:#fff;padding:18px;border:1px solid #e2d6c4}
footer{text-align:center;padding:30px;color:#8a7a68;font-size:14px}