:root{--ink:#1c1a17;--muted:#6b635a;--line:#e6e0d6;--bg:#faf8f4;--accent:#8a6a45;--card:#fff}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;background:rgba(250,248,244,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{font-size:19px;letter-spacing:.16em;font-weight:600;text-transform:uppercase}
.brand span{color:var(--accent)}
.nav ul{display:flex;gap:32px;list-style:none;font-size:14px;letter-spacing:.04em;color:var(--muted)}
.nav ul a:hover{color:var(--ink)}
.hero{padding:88px 0 72px;text-align:center;border-bottom:1px solid var(--line)}
.hero .eyebrow{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.hero h1{font-size:clamp(30px,4.6vw,54px);line-height:1.14;font-weight:600;letter-spacing:-.02em;margin-bottom:22px}
.hero p{max-width:600px;margin:0 auto;color:var(--muted);font-size:16.5px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:26px;padding:64px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:3px;overflow:hidden;transition:.28s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(28,26,23,.09)}
.thumb{aspect-ratio:4/3.4;background:linear-gradient(150deg,#efe9df,#e2d9cb);display:flex;align-items:center;justify-content:center}
.thumb svg{width:56%;opacity:.55}
.card-body{padding:20px 22px 24px}
.card-body h3{font-size:15.5px;font-weight:600;margin-bottom:6px}
.card-body .desc{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.card-body .price{font-size:15px;font-weight:600;color:var(--accent);letter-spacing:.02em}
.sec{padding:72px 0;border-top:1px solid var(--line)}
.sec h2{font-size:26px;font-weight:600;letter-spacing:-.01em;margin-bottom:22px}
.sec p{color:var(--muted);max-width:760px;margin-bottom:14px;font-size:15.5px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px}
footer{background:#191714;color:#c9c2b8;padding:56px 0 34px;font-size:14px}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:44px;margin-bottom:40px}
footer h4{color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
footer a:hover{color:#fff}
footer ul{list-style:none;display:grid;gap:10px}
.copy{border-top:1px solid #2e2a25;padding-top:24px;color:#8c857b;font-size:12.5px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:760px){.nav ul{display:none}.two{grid-template-columns:1fr;gap:32px}footer .cols{grid-template-columns:1fr}}