*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:#243226;background:#f6f2e7;line-height:1.6}
header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 7%;background:#183d2b;color:#fff;box-shadow:0 3px 14px #0002}
.brand{font-weight:800;font-size:1.25rem}
nav{display:flex;gap:22px}
nav a{color:#fff;text-decoration:none;font-weight:700}
nav a:hover{text-decoration:underline}
.hero{min-height:78vh;display:flex;align-items:center;padding:70px 8%;background:linear-gradient(120deg,#153d2b 0%,#2f6845 55%,#6d8b54 100%);color:white;position:relative;overflow:hidden}
.hero:after{content:"🌿  🌴  🍃  🌴  🌿";position:absolute;right:4%;bottom:10%;font-size:4rem;opacity:.22;transform:rotate(-8deg)}
.hero>div{max-width:720px;position:relative;z-index:1}
.eyebrow{text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:.82rem;margin-bottom:10px}
.hero h1{font-size:clamp(3rem,8vw,6.5rem);line-height:.98;margin-bottom:25px}
.hero h1 span{color:#e6c96b}
.hero p:not(.eyebrow){font-size:1.15rem;max-width:600px;margin-bottom:30px}
.button{display:inline-block;padding:13px 22px;border-radius:30px;background:#e6c96b;color:#183d2b;text-decoration:none;font-weight:800}
.section{padding:80px 7%;max-width:1250px;margin:auto}
.section h2{font-size:clamp(2rem,5vw,3.3rem);margin-bottom:35px}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.card{background:#fff;border:1px solid #ded8c9;border-radius:20px;padding:26px;box-shadow:0 8px 25px #24442b12}
.card h3{font-size:1.35rem;margin-bottom:18px;color:#214b32}
.card ul{list-style:none}
.card li{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px dashed #d9d2c0}
.card li:last-child{border-bottom:0}
.card b{color:#a46a19;white-space:nowrap}
.featured{background:#edf3e5;border:2px solid #a6bd8d}
.about{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center;background:#e9efdf;max-width:none;padding-left:10%;padding-right:10%}
.about-box{background:#183d2b;color:#fff;border-radius:25px;padding:45px;text-align:center;font-size:2.3rem}
.about-box strong{font-size:1.3rem}
.contact{text-align:center}
.contact-box{max-width:650px;margin:25px auto 0;background:#fff;border-radius:18px;padding:25px;text-align:left;box-shadow:0 8px 25px #24442b12}
footer{text-align:center;padding:35px;background:#183d2b;color:#fff}
footer p{font-weight:800;font-size:1.2rem}
@media(max-width:700px){
 header{padding:15px 5%;flex-direction:column;gap:10px}
 nav{gap:13px;font-size:.9rem}
 .hero{min-height:72vh;padding:60px 7%}
 .hero h1{font-size:3.3rem}
 .menu-grid,.about{grid-template-columns:1fr}
 .section{padding:60px 6%}
 .about{padding-left:6%;padding-right:6%}
}