*{box-sizing:border-box}body{margin:0;font:16px/1.6 Georgia,serif;color:#2b2b2b;background:#faf7f2}
header{display:flex;justify-content:space-between;align-items:center;padding:20px 6vw;border-bottom:1px solid #e6dfd3}
.logo{font-weight:bold;font-size:22px;color:#2b2b2b;text-decoration:none;letter-spacing:1px}
nav a{margin-left:20px;color:#5a5047;text-decoration:none}main{padding:40px 6vw;max-width:1100px;margin:auto}
.hero h1{font-size:38px;margin:0 0 10px}.btn{display:inline-block;margin-top:14px;padding:10px 20px;background:#2b2b2b;color:#fff;text-decoration:none;border-radius:3px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:40px}
.ph{height:180px;border-radius:4px}.a{background:#d9c7b0}.b{background:#b7c4c9}.c{background:#c9b7c4}
footer{padding:30px 6vw;color:#8a8076;font-size:14px;border-top:1px solid #e6dfd3}footer a{color:#8a8076}