:root{--green:#78be20;--green-bright:#98df31;--orange:#ff7900;--white:#fff;--black:#0a0a08;--display:'Anton','Impact',sans-serif;--body:'DM Sans',Arial,sans-serif;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font-family:var(--body);overflow-x:hidden}button,a{font:inherit}.skip-link{position:fixed;left:16px;top:-60px;background:var(--black);color:#fff;padding:12px 18px;z-index:1000}.skip-link:focus{top:16px}.site-header{height:118px;max-width:var(--max);margin:auto;padding:14px clamp(24px,5vw,72px);display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:42px;position:relative;z-index:20;background:#fff}.brand img{width:205px;height:78px;object-fit:contain;object-position:center;display:block}.nav-links{display:flex;justify-content:flex-end;gap:42px}.nav-links a,.footer a{color:inherit;text-decoration:none;font-weight:700}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:3px;background:var(--green);transition:.2s}.nav-links a:hover:after,.nav-links a:focus-visible:after{right:0}.btn{border:0;text-decoration:none;text-transform:uppercase;font-family:var(--display);letter-spacing:.04em;padding:17px 25px;display:inline-flex;gap:18px;align-items:center;justify-content:center;cursor:pointer;border-radius:3px;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 7px 0 rgba(0,0,0,.12)}.btn:focus-visible,.tab:focus-visible,.add-item:focus-visible,.menu-toggle:focus-visible{outline:4px solid #1976d2;outline-offset:3px}.btn-orange{background:var(--orange);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-outline{background:#fff;color:var(--orange);box-shadow:inset 0 0 0 2px var(--orange)}.btn-black{background:var(--black);color:#fff}.menu-toggle{display:none;background:none;border:0;width:48px;height:48px}.menu-toggle span{display:block;height:3px;background:#111;margin:7px}
main{display:flex;flex-direction:column}.hero{order:1}.menu-section{order:2}.story{order:3}.full-menu{order:4}.catering{order:5}.final-cta{order:6}
.hero{min-height:calc(100vh - 118px);position:relative;max-width:var(--max);margin:auto;padding:clamp(36px,5vw,72px) clamp(24px,5vw,72px) 95px;display:grid;grid-template-columns:51% 49%;align-items:center}.hero-copy{z-index:3}.hero h1,.section-heading h2,.story h2,.catering h2,.final-cta h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.025em;margin:0;line-height:.91}.hero h1{font-size:clamp(76px,9.2vw,145px)}.hero h1 span,.section-heading h2 span,.story h2 span{color:var(--green)}.hero-swoosh{width:min(92%,580px);height:52px;display:block;margin:-2px 0 18px}.hero-swoosh path{fill:none;stroke:var(--orange);stroke-width:8;stroke-linecap:round}.hero-copy>p{font-size:clamp(18px,1.7vw,25px);max-width:600px;line-height:1.35;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:15px}.hero-visual{position:absolute;right:-5%;top:7%;width:61%;height:82%;z-index:1}.hero-visual img{position:absolute;width:115%;height:115%;object-fit:contain;right:-6%;bottom:-11%;filter:drop-shadow(0 24px 28px rgba(0,0,0,.15))}.orange-orbit{position:absolute;width:72%;aspect-ratio:1;border:32px solid var(--orange);border-radius:50%;right:3%;top:4%;opacity:.96}.leaf-mark{position:absolute;left:3%;top:15%;width:92px;z-index:2;transform:rotate(-15deg)}.leaf-mark path{fill:none;stroke:var(--green);stroke-width:7;stroke-linecap:round}.fresh-note{position:absolute;right:5%;top:5%;z-index:3;background:var(--green);color:#fff;border:3px solid #111;border-radius:50%;width:112px;aspect-ratio:1;display:grid;place-items:center;text-align:center;font-weight:900;transform:rotate(9deg);font-size:18px;padding:14px;box-shadow:7px 7px 0 #111}.hero-marquee{position:absolute;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--black);color:#fff;height:58px;display:flex;justify-content:center;gap:24px;align-items:center;white-space:nowrap;overflow:hidden;font-family:var(--display);font-size:24px;letter-spacing:.04em}.hero-marquee span:nth-of-type(2){color:var(--green)}.hero-marquee i{color:var(--orange)}
.menu-section{background:var(--black);color:#fff;padding:90px 0 50px}.section-heading{max-width:var(--max);margin:auto;padding:0 clamp(24px,5vw,72px);display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading h2{font-size:clamp(65px,8vw,125px);max-width:800px}.section-heading p{max-width:320px;font-size:19px;font-weight:600;line-height:1.4;margin-bottom:15px}.category-tabs{max-width:var(--max);margin:42px auto 20px;padding:0 clamp(24px,5vw,72px);display:flex;gap:10px;overflow:auto}.tab{font-family:var(--display);text-transform:uppercase;font-size:20px;letter-spacing:.04em;border:2px solid #777;background:transparent;color:#fff;padding:10px 22px;cursor:pointer}.tab.active{background:var(--green);color:#111;border-color:var(--green)}.menu-list{margin-top:28px}.menu-item{min-height:205px;display:grid;grid-template-columns:minmax(270px,35%) 1fr 230px;align-items:center;color:var(--black);padding:0 max(24px,calc((100vw - var(--max))/2 + clamp(24px,5vw,72px)));overflow:hidden;transition:opacity .2s,transform .2s}.menu-item:nth-child(odd){background:var(--green-bright)}.menu-item:nth-child(even){background:#fff}.menu-item[hidden]{display:none}.food-crop{height:205px;position:relative;overflow:visible}.food-crop img{position:absolute;width:890px;max-width:none;height:auto;top:50%;transform:translateY(-50%)}.food-1 img{left:-25px}.food-2 img{left:calc(-25px - 25%)}.food-3 img{left:calc(-25px - 50%)}.food-4 img{left:calc(-25px - 75%)}.menu-copy{padding:20px 25px}.menu-copy h3{font-family:var(--display);font-size:clamp(45px,4.5vw,72px);line-height:1;margin:0 0 10px}.menu-copy p{font-size:17px;font-weight:600;margin:0;max-width:650px}.menu-price{border-left:2px solid #111;padding-left:38px;display:flex;gap:28px;align-items:center}.menu-price strong{font-family:var(--display);font-size:70px}.add-item{border:0;border-radius:50%;background:var(--orange);color:#fff;width:64px;height:64px;font-size:44px;line-height:1;cursor:pointer;transition:.2s}.add-item:hover{transform:rotate(90deg) scale(1.06)}
.story{display:grid;grid-template-columns:1fr 1fr;min-height:700px;background:var(--black);color:#fff}.story-photo{min-height:650px;overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover}.story-copy{padding:80px clamp(30px,6vw,95px);display:flex;flex-direction:column;justify-content:center}.story h2{font-size:clamp(70px,7.5vw,120px)}.story-copy>p{font-size:clamp(19px,2vw,27px);line-height:1.4;max-width:600px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.values div{text-align:center}.value-icon{color:var(--green);font-size:55px;display:block;line-height:1}.value-icon.flame{color:var(--orange)}.values strong{display:block;text-transform:uppercase;font-family:var(--display);font-size:18px;letter-spacing:.04em;margin-top:12px}.catering{background:var(--green);padding:65px max(24px,calc((100vw - var(--max))/2 + clamp(24px,5vw,72px)));display:flex;align-items:center;justify-content:space-between;gap:40px}.catering h2{font-size:clamp(58px,7vw,105px)}.catering p{font-size:20px;max-width:730px;font-weight:600}.final-cta{background:var(--orange);padding:70px 24px;text-align:center}.final-cta h2{font-size:clamp(68px,9vw,140px);margin-bottom:35px}.footer{background:#050505;color:#fff;min-height:280px;padding:50px max(24px,calc((100vw - var(--max))/2 + clamp(24px,5vw,72px)));display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:45px}.footer-logo img{width:210px;height:120px;object-fit:cover}.footer nav{display:flex;justify-content:center;gap:36px}.footer>p{font-size:22px;font-style:italic;color:var(--green);font-weight:700}.footer small{grid-column:1/-1;color:#999;border-top:1px solid #333;padding-top:20px}
.full-menu{background:#fff;padding:95px max(24px,calc((100vw - var(--max))/2 + clamp(24px,5vw,72px))) 110px}.full-menu-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:8px solid var(--orange);padding-bottom:28px;margin-bottom:55px}.full-menu-head h2{font-family:var(--display);font-size:clamp(70px,8vw,125px);line-height:.9;text-transform:uppercase;letter-spacing:-.025em;margin:0}.full-menu-head h2 span{color:var(--green)}.full-menu-head p{font-size:20px;font-weight:800;max-width:360px;margin:0 0 8px}.full-menu-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:34px}.menu-group{background:var(--black);color:#fff;padding:36px 38px 30px;border-top:12px solid var(--green)}.menu-group:nth-child(3){border-top-color:var(--orange)}.menu-group-wide{grid-row:span 2}.menu-group h3{font-family:var(--display);font-size:clamp(36px,4vw,58px);text-transform:uppercase;letter-spacing:.01em;line-height:1;margin:0 0 24px;color:var(--green)}.menu-group:nth-child(3) h3{color:var(--orange)}.text-menu-item,.simple-menu-item{border-top:1px solid #484848;padding:17px 0 15px}.text-menu-item h4,.simple-menu-item h4{font-family:var(--display);font-size:clamp(25px,2.4vw,35px);letter-spacing:.015em;line-height:1.05;margin:0}.text-menu-item p{font-size:15px;line-height:1.5;color:#d8d8d8;margin:8px 0 0}.simple-menu-item h4{font-size:28px}.menu-note{background:var(--green);color:#111;font-weight:900;padding:13px 15px;margin:20px 0 0;transform:rotate(-1deg)}.drinks-group{grid-column:2;border-top-color:var(--orange)}.drinks-group h3{color:var(--orange)}
.order-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:100;display:grid;place-items:center;padding:20px}.order-modal[hidden]{display:none}.modal-card{background:#fff;max-width:620px;padding:54px;position:relative;text-align:center;border-top:12px solid var(--green);box-shadow:14px 14px 0 var(--orange)}.modal-close{position:absolute;top:10px;right:14px;background:none;border:0;font-size:38px;cursor:pointer}.modal-leaf{font-size:60px;color:var(--green)}.modal-card h2{font-family:var(--display);text-transform:uppercase;font-size:60px;line-height:1;margin:8px 0 15px}.modal-card p{font-size:18px;line-height:1.5}.modal-card label{display:block;text-align:left;font-weight:800;margin:25px 0 8px}.modal-card form div{display:flex}.modal-card input{flex:1;min-width:0;border:2px solid #111;padding:15px;font:inherit}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,130px);background:#111;color:#fff;padding:15px 22px;border-left:8px solid var(--green);z-index:200;font-weight:700;transition:.3s}.toast.show{transform:translate(-50%,0)}
@media(max-width:900px){.site-header{height:92px;grid-template-columns:1fr auto auto;padding:10px 20px}.brand img{width:150px;height:62px}.nav-links{position:absolute;top:92px;left:0;right:0;background:#fff;display:none;flex-direction:column;padding:25px;border-bottom:5px solid var(--green);gap:22px}.nav-links.open{display:flex}.site-header>.btn{padding:13px 15px}.menu-toggle{display:block}.hero{min-height:900px;display:block;padding-top:65px}.hero-copy{position:relative}.hero h1{font-size:clamp(75px,15vw,120px)}.hero-copy>p{max-width:520px}.hero-visual{top:42%;right:-12%;width:100%;height:50%}.hero-visual img{width:110%}.fresh-note{right:10%}.section-heading{display:block}.menu-item{grid-template-columns:220px 1fr 150px}.food-crop img{width:710px}.food-2 img{left:calc(-25px - 25%)}.food-3 img{left:calc(-25px - 50%)}.food-4 img{left:calc(-25px - 75%)}.menu-price{padding-left:18px;gap:15px}.menu-price strong{font-size:54px}.add-item{width:50px;height:50px}.story{grid-template-columns:1fr}.story-photo{min-height:480px}.values{gap:8px}.catering{align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr 1fr}.footer nav{flex-wrap:wrap}.footer>p{text-align:right}}
@media(max-width:620px){.site-header>.btn{display:none}.site-header{grid-template-columns:1fr auto}.brand img{width:145px}.hero{min-height:820px;padding:38px 20px 78px}.hero h1{font-size:18vw}.hero-swoosh{height:38px;margin-bottom:10px}.hero-copy>p{font-size:17px;width:90%}.hero-actions .btn{padding:14px 16px;font-size:16px}.hero-visual{top:52%;width:115%;right:-22%;height:42%}.orange-orbit{border-width:18px}.leaf-mark,.fresh-note{display:none}.hero-marquee{height:48px;font-size:19px}.menu-section{padding-top:65px}.section-heading,.category-tabs{padding-left:20px;padding-right:20px}.section-heading h2{font-size:17vw}.section-heading p{font-size:17px}.menu-item{min-height:390px;grid-template-columns:1fr 100px;padding:0 20px}.food-crop{grid-column:1/-1;height:180px}.food-crop img{width:680px;left:50%;transform:translate(-12.5%,-50%)}.food-2 img{transform:translate(-37.5%,-50%)}.food-3 img{transform:translate(-62.5%,-50%)}.food-4 img{transform:translate(-87.5%,-50%)}.menu-copy{padding:8px 10px 24px 0}.menu-copy h3{font-size:46px}.menu-copy p{font-size:15px}.menu-price{padding-left:14px;display:block}.menu-price strong{font-size:48px}.menu-price .add-item{display:block;margin-top:12px}.story-photo{min-height:390px}.story-copy{padding:55px 22px}.story h2{font-size:18vw}.story-copy>p{font-size:19px}.values{grid-template-columns:1fr;text-align:left}.values div{display:flex;align-items:center;text-align:left;gap:16px;border-top:1px solid #333;padding:15px 0}.value-icon{font-size:36px}.values strong{margin:0}.catering{padding:48px 20px}.catering h2{font-size:16vw}.final-cta h2{font-size:18vw}.footer{grid-template-columns:1fr;text-align:center;padding:45px 20px}.footer-logo img{margin:auto}.footer nav{gap:22px}.footer>p{text-align:center}.modal-card{padding:42px 24px}.modal-card h2{font-size:47px}.modal-card form div{display:block}.modal-card .btn{width:100%;margin-top:8px}.modal-card input{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Responsive image windows for the four-dish production asset. */
.food-crop{overflow:hidden}
.food-crop img{width:400%;max-width:none}
.food-1 img{left:0}.food-2 img{left:-100%}.food-3 img{left:-200%}.food-4 img{left:-300%}
@media(max-width:1050px) and (min-width:621px){
  .site-header{height:92px;grid-template-columns:1fr auto auto;padding:10px 20px}
  .brand img{width:150px;height:62px}.nav-links{position:absolute;top:92px;left:0;right:0;background:#fff;display:none;flex-direction:column;padding:25px;border-bottom:5px solid var(--green);gap:22px}.nav-links.open{display:flex}.site-header>.btn{padding:13px 15px}.menu-toggle{display:block}
  .hero{min-height:900px;display:block;padding-top:65px}.hero h1{font-size:clamp(75px,15vw,120px)}.hero-copy>p{max-width:520px}.hero-visual{top:42%;right:-12%;width:100%;height:50%}.hero-visual img{width:110%}.fresh-note{right:10%}
  .section-heading{display:block}.menu-item{grid-template-columns:220px 1fr 150px}.menu-price{padding-left:18px;gap:15px}.menu-price strong{font-size:54px}.add-item{width:50px;height:50px}
  .story{grid-template-columns:1fr}.story-photo{min-height:480px}.catering{align-items:flex-start;flex-direction:column}.footer{grid-template-columns:1fr 1fr}.footer nav{flex-wrap:wrap}.footer>p{text-align:right}
}
@media(max-width:620px){
  .food-crop{width:100%}.food-crop img{width:400%;left:0;transform:translateY(-50%)}.food-2 img{left:-100%}.food-3 img{left:-200%}.food-4 img{left:-300%}
  .header-menu-btn{display:none}.full-menu{padding:65px 20px 75px}.full-menu-head{display:block;margin-bottom:32px}.full-menu-head h2{font-size:18vw}.full-menu-head p{margin-top:18px;font-size:17px}.full-menu-grid{grid-template-columns:1fr;gap:20px}.menu-group,.drinks-group{grid-column:1;grid-row:auto;padding:28px 23px 22px}.menu-group h3{font-size:40px}.text-menu-item h4,.simple-menu-item h4{font-size:29px}
}
.menu-group-wide{grid-row:span 3}
@media(max-width:1050px){
  .full-menu-grid{grid-template-columns:1fr}
  .menu-group,.menu-group-wide,.drinks-group{grid-column:1;grid-row:auto}
}

/* Original poster-style hero, matched to the approved 1536 × 1024 reference. */
@media(min-width:681px){
  .site-header{height:clamp(110px,13.7vw,210px);padding:10px 5.6vw;grid-template-columns:clamp(130px,18.2vw,280px) 1fr auto;gap:3vw}
  .site-header{align-items:start}
  .brand{width:clamp(130px,16vw,245px);height:clamp(98px,12.4vw,190px);overflow:hidden;display:block}
  .brand img{width:100%;height:100%;object-fit:contain;object-position:center}
  .nav-links{display:flex;position:static;flex-direction:row;border:0;padding:0;background:transparent;gap:5vw;margin-top:2.3vw}
  .nav-links a{font-size:clamp(14px,1.4vw,21px)}
  .menu-toggle{display:none}
  .site-header>.btn{display:inline-flex;font-size:clamp(14px,1.4vw,21px);padding:clamp(13px,1.4vw,21px) clamp(20px,2.35vw,36px);border-radius:15px;margin-top:1.5vw}
  .hero{min-height:min(814px,53vw);padding:2vw 3.8vw 6vw;grid-template-columns:50% 50%;align-items:center;display:grid}
  .hero h1{font-size:min(160px,10.4vw);line-height:.9;white-space:nowrap}
  .hero-swoosh{width:82%;margin:2px 0 22px}
  .hero-copy>p{font-size:clamp(14px,1.63vw,25px);max-width:560px;line-height:1.35;margin-bottom:2vw}
  .hero-actions .btn{font-size:clamp(13px,1.3vw,20px);padding:clamp(12px,1.2vw,18px) clamp(17px,1.82vw,28px)}
  .hero-visual{right:-4%;top:0;width:61%;height:95%}
  .hero-visual img{width:112%;height:112%;right:-4%;bottom:-8%}
  .orange-orbit{width:69%;right:8%;top:4%}
  .fresh-note{right:4%;top:3%}
}
