:root { --paper:#f4efe6; --rust:#8c3a2f; --ink:#1f1a17; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:18px/1.55 Georgia, serif; }
.top { display:flex; align-items:baseline; padding:28px 7vw; border-bottom:1px solid var(--ink); }
.brand { font-size:28px; color:var(--ink); text-decoration:none; }
nav { margin-left:auto; display:flex; gap:20px; }
nav a { color:var(--rust); }
.nav-toggle { display:none; }
.intro { padding:48px 7vw 10px; max-width:760px; }
.intro h1 { font-size:clamp(42px, 6vw, 78px); font-weight:500; line-height:.95; margin:0; }
.grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:18px; padding:28px 7vw 60px; }
.tile { background:#fffdf8; padding:16px; }
.tile img { width:100%; height:auto; }
.price { font-family:"Segoe UI", sans-serif; font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
.foot { padding:20px 7vw 40px; }
@media (max-width:800px) {
  .grid { grid-template-columns:1fr; }
  .nav-toggle { display:inline-block; margin-left:auto; }
  nav { display:none; }
  body.nav-open nav { display:flex; flex-direction:column; }
}