:root { --blush:#f7ece8; --ink:#2a211f; --line:#8d6a62; }
* { box-sizing:border-box; }
body { margin:0; background:var(--blush); color:var(--ink); font:18px/1.6 Palatino, "Palatino Linotype", serif; text-align:center; }
.top { padding:28px 8vw 0; }
.brand { color:var(--ink); text-decoration:none; letter-spacing:.22em; text-transform:uppercase; font-size:14px; }
nav { display:flex; justify-content:center; gap:22px; margin-top:14px; }
nav a { color:var(--line); }
.nav-toggle { display:none; }
.hero { padding:40px 12vw 10px; }
.hero h1 { font-weight:500; font-size:clamp(40px, 6vw, 72px); margin:10px 0; }
.hero img { width:min(520px, 100%); height:auto; }
.menu { max-width:640px; margin:0 auto 50px; text-align:left; }
.row { display:flex; justify-content:space-between; gap:16px; border-bottom:1px solid var(--line); padding:12px 0; }
.foot { font-size:14px; }
@media (max-width:800px) {
  .nav-toggle { display:inline-block; }
  nav { display:none; }
  body.nav-open nav { display:flex; flex-direction:column; }
  .row { flex-direction:column; }
}