body{margin:0;font:16px/1.6 Georgia,serif;color:#2d2a26;background:#f6f1ea}
.top{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:#5b6b4e;color:#fff}
.top a{color:#fff;margin-left:18px;text-decoration:none}.mark{font-size:22px;letter-spacing:2px}
.hero{padding:70px 6vw;background:#e9dfd1}.hero h1{font-size:40px;margin:0 0 10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:40px 6vw}
.grid article{background:#fff;padding:20px;border-radius:6px;box-shadow:0 1px 3px #0002}
section{padding:30px 6vw}footer{padding:24px 6vw;color:#7a7268}