:root { --night:#1c1410; --cream:#e6d3b3; --ember:#c4552a; }
* { box-sizing:border-box; }
body { margin:0; background:var(--night); color:var(--cream); font:18px/1.5 Georgia, serif; }
.top { display:flex; align-items:center; padding:22px 6vw; }
.brand { color:var(--ember); text-decoration:none; letter-spacing:.18em; text-transform:uppercase; }
nav { margin-left:auto; display:flex; gap:16px; }
nav a { color:var(--cream); }
.nav-toggle { display:none; }
.split { display:grid; grid-template-columns:1fr 1fr; gap:40px; padding:20px 6vw 60px; }
h1 { font-size:clamp(46px, 7vw, 88px); line-height:.9; font-weight:500; }
.dish { display:flex; justify-content:space-between; gap:12px; border-bottom:1px dotted var(--ember); padding:8px 0; }
.hero-img { width:100%; height:auto; }
.foot { padding:10px 6vw 30px; color:#b7a48a; }
@media (max-width:800px) {
  .split { grid-template-columns:1fr; }
  .nav-toggle { display:inline-block; margin-left:auto; background:transparent; color:var(--cream); border:1px solid var(--ember); }
  nav { display:none; }
  body.nav-open nav { display:flex; flex-direction:column; background:var(--night); }
}