:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: #29231f; background: #f7f3ed; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; }
.nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem clamp(1.25rem,4vw,4rem); border-bottom: 1px solid #e3d9cc; background: rgba(255,255,255,.86); }
.brand { font-size: 1.25rem; font-weight: 900; text-decoration: none; }
.nav-links { display: flex; align-items: center; gap: 1rem; }
.nav-links a { font-weight: 750; text-decoration: none; }
.button { display: inline-block; border-radius: 999px; padding: .85rem 1.2rem; background: #2c2622; color: #fff; font-weight: 850; text-decoration: none; }
.button.secondary { border: 1px solid #d8cbbd; background: #fff; color: #2c2622; }
main { max-width: 72rem; margin: 0 auto; padding: clamp(3rem,8vw,7rem) 1.25rem; }
.eyebrow { color: #ca541d; font-size: .78rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
h1 { max-width: 16ch; margin: .75rem 0 1rem; font-size: clamp(2.5rem,7vw,5.4rem); line-height: .98; letter-spacing: -.055em; }
h2 { font-size: clamp(1.65rem,4vw,2.6rem); letter-spacing: -.035em; }
.lead { max-width: 62ch; color: #655b53; font-size: clamp(1.05rem,2vw,1.25rem); line-height: 1.7; }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 4rem; }
.card { padding: 1.5rem; border: 1px solid #e3d9cc; border-radius: 1.5rem; background: #fff; box-shadow: 0 14px 40px rgba(44,38,34,.06); }
.card p, .fine { color: #6a6058; line-height: 1.6; }
.price { font-size: 2.2rem; font-weight: 950; }
.featured { border-color: #e76a2d; box-shadow: 0 18px 50px rgba(202,84,29,.13); }
footer { padding: 2rem 1.25rem; border-top: 1px solid #e3d9cc; color: #6a6058; text-align: center; }
@media (max-width: 760px) { .grid { grid-template-columns: 1fr; } .nav-links a:not(.button) { display:none; } }