
:root{
 --green:#183d35;--cream:#fff4e4;--orange:#c96535;--gold:#dfae57;--ink:#1e2724;--leaf:#52735f;
 --serif:Georgia,"Times New Roman",serif;--sans:Inter,Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.6;overflow-x:hidden}
img{width:100%;height:100%;object-fit:cover;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 44px));margin:auto}
.kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.display{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
header{position:relative;background:var(--cream);z-index:20}.topbar{background:var(--green);color:#f7eedf;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;padding:9px 0}
.topbar .container{display:flex;justify-content:space-between;gap:20px}.nav{height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:42px}
.brand img{width:250px;height:auto}.navlinks{display:flex;justify-content:center;gap:30px;font-size:.85rem}.actions{display:flex;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;border:1px solid currentColor;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.btn.fill{background:var(--orange);border-color:var(--orange);color:white}.menu{display:none}
.hero{display:grid;grid-template-columns:57% 43%;min-height:710px;background:#d5b992}.hero-visual{position:relative;overflow:hidden}
.hero-visual img{position:absolute;inset:0}.hero-badge{position:absolute;right:-56px;top:92px;width:155px;height:155px;border-radius:50%;background:var(--orange);color:white;z-index:2;display:grid;place-items:center;text-align:center;transform:rotate(8deg);font:italic 1.25rem var(--serif);padding:20px}
.hero-copy{background:var(--gold);padding:80px 8vw 70px 7vw;display:flex;flex-direction:column;justify-content:center;position:relative}
.hero-copy:before{content:"";position:absolute;left:-28px;bottom:42px;width:56px;height:120px;background:var(--green)}
.hero h1{font-size:clamp(4rem,6vw,7.4rem);line-height:.86;margin:16px 0 28px}.hero p{font-size:1.06rem;max-width:510px}.hero-note{margin-top:38px;padding-top:22px;border-top:1px solid rgba(30,39,36,.35);display:flex;justify-content:space-between;gap:20px;font-size:.83rem}
.flavor-strip{background:var(--orange);color:white;padding:19px 0}.flavor-row{display:flex;justify-content:space-between;gap:25px;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}
.intro{padding:115px 0 95px}.intro-grid{display:grid;grid-template-columns:.75fr 1.4fr .85fr;gap:55px;align-items:start}
.intro h2{font-size:clamp(3rem,5vw,5.6rem);line-height:.95;margin:0}.intro-side{padding-top:12px}.intro-side p{color:#5f655e}.seal{margin-top:28px;width:110px;height:110px;border:1px solid var(--orange);border-radius:50%;display:grid;place-items:center;text-align:center;font:italic 1rem var(--serif);color:var(--orange);transform:rotate(-8deg)}
.menu-section{background:var(--green);color:#f8f0e4;padding:110px 0}.menu-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:45px}
.menu-head h2{font-size:clamp(3.2rem,5vw,5.6rem);line-height:.92;margin:0}.menu-head p{color:#c9d2ce;max-width:480px}
.dishes{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;gap:15px}.dish{position:relative;overflow:hidden}.dish:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.dish:nth-child(1){grid-column:span 7;grid-row:span 2}.dish:nth-child(2){grid-column:span 5}.dish:nth-child(3){grid-column:span 5}.dish:nth-child(4){grid-column:span 4}.dish:nth-child(5){grid-column:span 8}
.dish-cap{position:absolute;left:24px;bottom:20px;z-index:2}.dish-cap h3{font:400 1.65rem var(--serif);margin:0}.dish-cap span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:#f3c793}
.story{padding:120px 0}.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.story-photo{height:720px;position:relative}
.story-photo:after{content:"";position:absolute;width:165px;height:220px;background:var(--gold);right:-35px;bottom:-35px;z-index:-1}.story-copy h2{font-size:clamp(3rem,5vw,5.4rem);line-height:.96;margin:12px 0 26px}
.story-copy p{color:#525b55}.fact{margin-top:32px;border-top:1px solid rgba(30,39,36,.25);padding-top:25px}.fact strong{font:400 2rem var(--serif);display:block}
.zeus{background:#efdfc5;padding:95px 0}.zeus-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.zeus-copy{padding:20px 0}.zeus-copy h2{font-size:clamp(2.8rem,4.6vw,5rem);line-height:.98;margin:15px 0}.zeus-img{height:580px}
.guide{padding:115px 0}.guide-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.guide-title h2{font-size:clamp(3rem,4.5vw,4.8rem);margin:0}.guide-title p{max-width:420px}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{background:white;padding:34px;border-top:5px solid var(--orange);min-height:285px}.guide-card:nth-child(2){border-color:var(--gold)}.guide-card:nth-child(3){border-color:var(--leaf)}
.guide-card b{font:400 2.6rem var(--serif);color:var(--orange)}.guide-card h3{font:400 1.75rem var(--serif);margin:25px 0 8px}
.editorial{margin-bottom:110px}.editorial-box{display:grid;grid-template-columns:1fr 1fr;min-height:610px}.editorial-copy{background:var(--orange);color:white;padding:75px;display:flex;flex-direction:column;justify-content:center}.editorial-copy h2{font-size:clamp(3rem,4.8vw,5.3rem);line-height:.95;margin:10px 0 25px}.editorial-photo{min-height:610px}
.cta{background:var(--green);color:white;padding:70px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{font:400 clamp(2.4rem,4vw,4.4rem)/1 var(--serif);margin:0;max-width:760px}
footer{background:#102a25;color:#d7dfda;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:60px}.footer-logo{width:250px;height:auto;margin-bottom:20px}footer h3{font:400 1.4rem var(--serif);color:white}footer p,footer a{font-size:.88rem;color:#aebdb6}.fine{border-top:1px solid rgba(255,255,255,.14);margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;font-size:.75rem;color:#81958c}
@media(max-width:930px){
 .navlinks,.actions .btn:first-child{display:none}.nav{grid-template-columns:1fr auto}.menu{display:inline-flex}.hero{grid-template-columns:1fr;min-height:0}.hero-visual{height:560px}.hero-copy{padding:65px 35px}.hero-copy:before,.hero-badge{display:none}
 .intro-grid,.story-grid,.zeus-grid,.menu-head,.editorial-box{grid-template-columns:1fr}.intro-grid{gap:35px}.dishes{grid-template-columns:1fr 1fr;grid-auto-rows:300px}.dish,.dish:nth-child(n){grid-column:auto;grid-row:auto}
 .story-photo,.zeus-img{height:560px}.guide-grid{grid-template-columns:1fr}.editorial-photo{min-height:500px}.cta-inner{display:block}.cta .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:560px){
 .container{width:min(100% - 28px,1180px)}.topbar .container span:last-child{display:none}.brand img{width:205px}.hero-visual{height:430px}.hero h1{font-size:3.8rem}
 .flavor-row{white-space:nowrap;overflow:hidden}.intro{padding:80px 0}.dishes{grid-template-columns:1fr;grid-auto-rows:350px}.story{padding:85px 0}.story-photo,.zeus-img{height:430px}.story-photo:after{display:none}
 .guide-title{display:block}.editorial-copy{padding:45px 28px}.editorial-photo{min-height:430px}.footer-grid{grid-template-columns:1fr}.fine{display:block}.fine span{display:block;margin-top:7px}
}
