:root{--dark:#493326;--accent:#e5a45c}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#faf8f4;color:#242424;line-height:1.7}
a{text-decoration:none;color:inherit}
header{background:var(--dark);color:white}
.nav{max-width:1250px;margin:auto;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font:30px Georgia,serif;color:var(--accent)}
nav{display:flex;flex-wrap:wrap;gap:16px}
nav a{font-size:12px;text-transform:uppercase;letter-spacing:1px}
nav a:hover{color:var(--accent)}
.hero{min-height:480px;background:linear-gradient(#0009,#0009),url('https://images.unsplash.com/photo-1414235077428-338989a2e8c0?auto=format&fit=crop&w=1200&q=85') center/cover;display:grid;place-items:center;text-align:center;color:white;padding:30px}
.hero h1{font:normal clamp(44px,7vw,80px) Georgia,serif;margin:10px 0}
.hero p{font-size:21px;max-width:680px;margin:0 auto 25px}
.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:4px;font-size:12px;font-weight:bold}
.btn{display:inline-block;padding:14px 25px;background:var(--accent);color:#171717;font-weight:bold;border:0;cursor:pointer}
section{padding:75px 24px}
.wrap{max-width:1150px;margin:auto}
h2{font:normal clamp(36px,4vw,56px) Georgia,serif}
h3{font:normal 26px Georgia,serif}
.intro{text-align:center;max-width:720px;margin:0 auto 45px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.card{background:white;box-shadow:0 12px 30px #0001}
.card img{width:100%;height:240px;object-fit:cover}
.card div{padding:25px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.split img{width:100%;height:420px;object-fit:cover}
.menu{display:grid;grid-template-columns:1fr 1fr;gap:25px 45px}
.dish{padding:20px 0;border-bottom:1px solid #ddd}
.dish h3{margin:0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.gallery img{width:100%;height:260px;object-fit:cover}
.form{max-width:700px;margin:auto;background:white;padding:35px}
input,select,textarea{display:block;width:100%;padding:13px;margin:8px 0 18px;border:1px solid #bbb;font:inherit}
.notice{padding:15px;background:#f4ead8;border-left:4px solid var(--accent)}
footer{background:var(--dark);color:white;text-align:center;padding:50px 20px}
footer a{display:inline-block;margin:8px}
@media(max-width:850px){.nav{display:block;text-align:center}nav{justify-content:center;margin-top:20px}.grid,.gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.grid,.gallery,.split,.menu{grid-template-columns:1fr}.hero{min-height:360px}section{padding:45px 20px}}