:root{--ink:#18211b;--green:#254d36;--lime:#d9f45b;--cream:#f4f0e7;--orange:#e96936;--muted:#677068;--line:#ddd9ce;--white:#fff;--shadow:0 20px 50px rgba(24,33,27,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:var(--white)}img{display:block;width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:32px;background:var(--ink);color:#dce3dd;display:flex;align-items:center;justify-content:center;gap:14px;text-transform:uppercase;font-size:9px;letter-spacing:1.6px}.topbar span{width:4px;height:4px;border-radius:50%;background:var(--lime)}.header{height:80px;display:flex;align-items:center;gap:40px;padding:0 clamp(22px,5vw,74px);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(13px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;font:800 21px Manrope;letter-spacing:.5px;white-space:nowrap}.logo>span{width:36px;height:36px;border-radius:10px 10px 10px 3px;display:grid;place-items:center;background:var(--green);color:var(--lime);margin-right:9px}.logo small{font:600 8px DM Sans;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-left:8px;padding-left:8px;border-left:1px solid var(--line)}.nav{display:flex;gap:30px;margin-left:auto}.nav a{font-size:13px;font-weight:600}.nav a:hover{color:var(--orange)}.order-button,.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700}.order-button{background:var(--green);color:white;padding:12px 17px;border-radius:7px;font-size:13px}.order-button svg{width:17px}.menu-button{display:none;border:0;background:none}.hero{height:700px;position:relative;display:flex;align-items:center;padding:70px max(24px,calc((100vw - 1180px)/2));color:white}.hero>img,.hero-shade{position:absolute;inset:0;height:100%;object-fit:cover}.hero>img{object-position:center 56%}.hero-shade{background:linear-gradient(90deg,rgba(16,30,20,.91),rgba(16,30,20,.54) 52%,rgba(16,30,20,.08))}.hero-content{position:relative;z-index:2;max-width:690px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:700;margin-bottom:18px}.eyebrow.dark{color:var(--orange)}.hero h1{font-size:clamp(49px,6.5vw,82px);line-height:1.03;margin-bottom:24px}.hero-content>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#e2e8e3;max-width:570px}.hero-actions{display:flex;gap:12px;margin:32px 0}.button{padding:15px 20px;border-radius:7px;font-size:13px;transition:.2s}.button:hover{transform:translateY(-2px)}.button svg{width:18px}.button.primary{background:var(--orange);color:white}.button.ghost{border:1px solid rgba(255,255,255,.55)}.hero-proof{display:flex;align-items:center;gap:10px;font-size:13px}.hero-proof strong{font:800 21px Manrope}.stars{color:var(--lime);letter-spacing:2px}.hero-proof small{color:#cdd5cf}.benefits{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:33px 24px;border-bottom:1px solid var(--line)}.benefits div{display:flex;align-items:center;gap:12px;padding:0 20px;border-right:1px solid var(--line)}.benefits div:last-child{border:0}.benefits svg{width:25px;color:var(--orange);flex:none}.benefits span{display:flex;flex-direction:column;font-size:10px;color:var(--muted)}.benefits strong{font-size:12px;color:var(--ink);margin-bottom:3px}.section{padding:100px max(24px,calc((100vw - 1180px)/2))}.menu-section{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-head h2,.about h2,.delivery h2,.contact h2{font-size:clamp(36px,4.5vw,56px);line-height:1.1;margin:0}.section-head>p{max-width:430px;color:var(--muted);line-height:1.7}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dish{background:white;border-radius:10px;overflow:hidden}.dish-image{height:255px;position:relative;overflow:hidden}.dish-image img{height:100%;object-fit:cover;transition:.4s}.dish:hover img{transform:scale(1.035)}.dish-image span{position:absolute;top:12px;left:12px;background:var(--lime);padding:7px 9px;border-radius:4px;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:1px}.dish-copy{padding:20px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.dish h3{font-size:18px;margin-bottom:8px}.dish p{font-size:12px;line-height:1.6;color:var(--muted)}.dish strong{color:var(--orange);font-size:14px}.center{text-align:center;margin-top:35px}.dark-button{background:var(--ink);color:white}.about{max-width:1180px;margin:auto;padding:105px 24px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:8vw}.about-image{position:relative}.about-image>img{height:550px;object-fit:cover;border-radius:10px}.image-note{position:absolute;right:-25px;bottom:25px;background:var(--lime);padding:17px 20px;border-radius:7px;box-shadow:var(--shadow);display:flex;flex-direction:column;font-size:11px}.image-note strong{font:800 16px Manrope}.about-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;margin:25px 0}.about ul{list-style:none;padding:0;margin:25px 0}.about li{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:13px;font-weight:600}.about li svg{width:18px;color:var(--orange)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:700;font-size:13px;border-bottom:1px solid;padding-bottom:5px}.text-link svg{width:16px}.delivery{background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw}.delivery>div>p:not(.eyebrow){color:#cad7ce;line-height:1.7;max-width:500px;margin:23px 0 30px}.button.light{background:var(--lime);color:var(--ink)}.delivery ol{list-style:none;padding:0;margin:0}.delivery li{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.18)}.delivery li>span{font:700 12px Manrope;color:var(--lime)}.delivery li div{display:flex;flex-direction:column}.delivery li strong{font:700 18px Manrope}.delivery li small{color:#b9c9be;margin-top:5px}.contact{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:10vw}.contact>div:first-child>p:last-child{color:var(--muted);line-height:1.7;max-width:550px;margin-top:23px}.contact-card{background:var(--cream);padding:35px;border-radius:10px}.contact-card>svg{color:var(--orange);width:32px}.contact-card h3{font-size:23px;margin:15px 0 7px}.contact-card p{color:var(--muted);font-size:13px}.contact-card small{display:block;color:var(--muted);font-size:9px;margin-top:12px}footer{background:var(--ink);color:#b9c1bb;padding:55px max(24px,calc((100vw - 1180px)/2)) 28px;display:grid;grid-template-columns:1.3fr .7fr 1fr 1.4fr;gap:45px;font-size:11px}.footer-logo{color:white;align-self:start}.footer-logo>span{background:var(--lime);color:var(--ink)}.footer-logo small{color:#9ba59e;border-color:#475049}footer>div{display:flex;flex-direction:column;gap:9px}footer strong{color:white;text-transform:uppercase;letter-spacing:1px;font-size:9px;margin-bottom:4px}footer p{margin:0;line-height:1.55}.company p:first-of-type{color:#d7ddd8}.copyright{grid-column:1/-1;border-top:1px solid #394139;padding-top:25px;margin-top:12px}
@media(max-width:950px){.header{height:70px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:26px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-button{display:block;margin-left:auto}.order-button{display:none}.hero{height:660px}.menu-grid{grid-template-columns:1fr 1fr}.dish-image{height:300px}.about{grid-template-columns:1fr;gap:60px}.about-image>img{height:440px}.delivery{gap:7vw}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar{font-size:7px;gap:7px;letter-spacing:.7px}.header{padding:0 18px}.logo small{display:none}.hero{height:700px;padding:60px 20px}.hero>img{object-position:63% center}.hero-shade{background:rgba(16,30,20,.7)}.hero h1{font-size:52px}.hero-actions{align-items:stretch;flex-direction:column}.hero-proof{flex-wrap:wrap}.benefits{grid-template-columns:1fr 1fr;gap:20px;padding:27px 18px}.benefits div{padding:0;border:0}.section{padding:75px 18px}.section-head{align-items:start;flex-direction:column}.menu-grid{grid-template-columns:1fr}.dish-image{height:360px}.about{padding:75px 18px}.about-image>img{height:380px}.image-note{right:12px}.delivery{grid-template-columns:1fr;gap:45px}.contact{grid-template-columns:1fr;gap:35px}footer{grid-template-columns:1fr;gap:28px}}