*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,"Times New Roman",serif;color:#2b2a27;background:#faf8f4;line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.top{border-bottom:1px solid #e6dfd3;background:#faf8f4;position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-size:22px;letter-spacing:.04em}
.nav nav a{margin-left:24px;font-family:Arial,Helvetica,sans-serif;font-size:14px;color:#6b665d}
.nav nav a:hover{color:#2b2a27}
.hero{padding:64px 0}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.kicker{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#b5654a;margin-bottom:12px}
h1{font-size:44px;line-height:1.15;font-weight:normal;margin-bottom:18px}
.lead{font-size:18px;color:#5d5850;margin-bottom:28px;max-width:440px}
.btn{display:inline-block;background:#2b2a27;color:#fff;font-family:Arial,sans-serif;font-size:14px;padding:13px 26px;border-radius:2px}
.btn:hover{background:#4a4740}
.hero-art img{width:100%;height:auto;display:block;border-radius:4px;aspect-ratio:1/1;object-fit:cover}
h2{font-size:28px;font-weight:normal;margin-bottom:24px}
#collection{padding:24px 20px 64px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:4px;margin-bottom:12px;background:#efe9df}
.card:hover img{opacity:.92}
.card h3{font-size:16px;font-weight:normal}
.price{font-family:Arial,sans-serif;font-size:14px;color:#6b665d}
.band{background:#efe9df;padding:56px 0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.two p{color:#4d4943;font-size:17px;margin-bottom:20px}
.band-img{width:100%;height:auto;aspect-ratio:9/7;object-fit:cover;display:block;border-radius:4px}
.perks{list-style:none;font-family:Arial,sans-serif;font-size:15px}
.perks li{padding:10px 0;border-bottom:1px solid #ddd4c5}
.contact{padding:64px 20px;text-align:center}
.contact p{color:#5d5850;margin-bottom:20px}
form{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
input{padding:12px 14px;border:1px solid #cfc6b6;background:#fff;font-size:15px;min-width:260px}
button{padding:12px 22px;background:#b5654a;color:#fff;border:0;font-size:14px;cursor:pointer}
.foot{border-top:1px solid #e6dfd3;padding:24px 0;font-family:Arial,sans-serif;font-size:13px;color:#8a8478}
.foot .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:760px){.hero-in,.two{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}h1{font-size:32px}.nav nav a{margin-left:14px}}
