* { box-sizing: border-box; margin: 0; }
body { font-family: Georgia, "Times New Roman", serif; color: #2c2a26; background: #f7f4ee; line-height: 1.65; }
.wrap { max-width: 1080px; margin: 0 auto; padding: 0 22px; }
header { border-bottom: 1px solid #e3dccf; padding: 26px 0 20px; }
.brand { font-size: 30px; letter-spacing: 2px; text-transform: lowercase; }
.brand span { color: #a87b4f; }
nav { margin-top: 12px; font-family: Verdana, sans-serif; font-size: 14px; }
nav a { color: #5c5546; margin-right: 22px; text-decoration: none; }
nav a:hover { color: #a87b4f; }
.hero { margin: 34px 0 10px; }
.hero img { width: 100%; border-radius: 3px; display: block; }
h1 { font-weight: normal; font-size: 34px; margin: 34px 0 14px; }
h2 { font-weight: normal; font-size: 24px; margin: 30px 0 12px; }
p { margin-bottom: 14px; max-width: 760px; }
a { color: #7a5c38; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 26px; margin: 26px 0 40px; }
.card { background: #fff; border: 1px solid #e9e2d3; border-radius: 3px; overflow: hidden; }
.card img { width: 100%; height: 300px; object-fit: cover; display: block; }
.card .body { padding: 16px 18px 20px; }
.card .name { font-size: 19px; margin-bottom: 6px; }
.card .price { font-family: Verdana, sans-serif; color: #a87b4f; font-size: 15px; }
.card .desc { font-size: 14.5px; color: #6a6355; margin-top: 8px; }
.credit { font-family: Verdana, sans-serif; font-size: 11.5px; color: #9a917f; margin-top: 8px; }
.credit a { color: #9a917f; }
footer { border-top: 1px solid #e3dccf; margin-top: 50px; padding: 22px 0 40px; font-family: Verdana, sans-serif; font-size: 13px; color: #8a8171; }
.note { background: #efe9db; padding: 18px 22px; border-radius: 3px; margin: 26px 0; font-size: 15px; }
ul.plain { margin: 0 0 14px 22px; }