:root{--orange:#ff511f;--yellow:#ffbd08;--lime:#a0cd26;--teal:#099b78;--cream:#faf8f0;--ink:#172b21;--line:#dcded2}*{box-sizing:border-box}body{margin:0;background:#20221e;color:var(--ink);font:17px/1.5 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3,.display{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-weight:800;line-height:.98}h1{font-size:clamp(58px,7vw,100px)}h2{font-size:clamp(38px,4.3vw,62px)}h3{font-size:30px}p{max-width:62ch}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #164e36;outline-offset:4px}.site{max-width:1360px;margin:36px auto;background:var(--cream);overflow:hidden;border-radius:8px;box-shadow:0 18px 65px #0005}.header{height:100px;padding:0 6%;display:flex;align-items:center;gap:36px;background:var(--orange)}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:33px;font-weight:800;line-height:.8;display:flex;align-items:center;gap:7px;transform:rotate(-3deg)}.brand em{font-style:normal;color:var(--orange);background:var(--cream);padding:10px 7px}.brand span{max-width:55px}.nav{display:flex;gap:27px;margin:auto;font-size:15px;font-weight:600}.nav a:hover,.nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:30px;padding:13px 25px;background:var(--orange);color:white;font-weight:700;font-size:15px;min-height:46px;transition:transform .2s,background .2s}.button:hover{background:#d63610;transform:translateY(-2px)}.button.dark{background:var(--ink)}.button.outline{background:transparent;border:1px solid currentColor;color:var(--ink)}.header .button{background:var(--ink);white-space:nowrap}.menu-toggle{display:none}.eyebrow{display:block;color:#176e45;font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:1.5px;margin-bottom:12px}.hero{min-height:590px;position:relative;background:linear-gradient(112deg,var(--orange) 0 34%,var(--yellow) 34% 61%,var(--lime) 61% 81%,var(--teal) 81%);display:flex;align-items:center}.hero-image{position:absolute;width:67%;height:100%;right:0;object-fit:cover;object-position:55% center;mask-image:linear-gradient(90deg,transparent,black 19%)}.hero-copy{position:relative;z-index:1;width:53%;padding:35px 0 100px 8%}.hero-copy .eyebrow{color:#171c16;letter-spacing:0;font-size:20px;margin-bottom:8px}.hero h1{font-size:clamp(62px,7.2vw,110px);letter-spacing:-2px}.hero h1 span{display:block;color:white;font-size:.76em;transform:rotate(-2deg);margin-top:5px}.hero-copy p{max-width:305px;font-size:16px;margin:24px 0}.hero-copy .button{background:var(--ink)}.hero-seal{position:absolute;right:4%;bottom:60px;background:var(--cream);border-radius:50%;height:105px;width:105px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font-weight:800;line-height:1.1}.hero-seal b{font-size:32px}.intro-strip{position:relative;margin:-45px 9% 0;z-index:2;display:grid;grid-template-columns:110px 1fr 110px 1fr;align-items:center;gap:22px;background:var(--cream);padding:25px 30px;box-shadow:0 9px 23px #642a1720;border:2px dashed #e8dfc9;transform:rotate(-.6deg)}.intro-strip img{aspect-ratio:1;object-fit:cover;border-radius:50%}.intro-strip h3{font-size:25px;margin-bottom:8px}.intro-strip p{font-size:14px;line-height:1.4}.section{padding:78px 8%}.section-head{text-align:center;margin-bottom:36px}.section-head p{margin:14px auto 0;color:#606960}.section-head h2 em{font-style:normal;color:var(--orange)}.category-grid,.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.category{padding:30px 16px 0;text-align:center;background:var(--teal);border:3px dashed #ffffff75;outline:5px solid var(--teal);margin:5px;transition:transform .2s}.category:nth-child(2){background:var(--yellow);outline-color:var(--yellow)}.category:nth-child(3){background:var(--lime);outline-color:var(--lime)}.category:hover{transform:rotate(-1deg) translateY(-5px)}.category h3{margin:18px 0 5px}.category p{font-size:14px}.category img{margin:10px auto 0;width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;}.food-card{background:white;border:1px solid #e4e4d8;border-radius:3px;overflow:hidden;display:flex;flex-direction:column}.food-card:nth-child(3n+1) .food-photo{background:#b5d548}.food-card:nth-child(3n+2) .food-photo{background:#18a689}.food-card:nth-child(3n) .food-photo{background:#ffc12d}.food-photo{display:block;overflow:hidden}.food-photo img{aspect-ratio:1.14;object-fit:cover;transition:transform .4s;}.food-photo:hover img{transform:scale(1.04)}.food-info{padding:22px;flex:1;display:flex;flex-direction:column}.food-info h3{font-size:29px}.food-info p{font-size:15px;margin:10px 0 18px;color:#697066}.food-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.food-bottom strong{font-size:20px}.food-bottom .button{padding:10px 19px}.tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#176c45;display:block;margin-bottom:7px}.center{text-align:center;margin-top:32px}.story-band{display:grid;grid-template-columns:1fr 1fr;background:var(--teal);color:white}.story-band img{height:100%;object-fit:cover;min-height:370px}.story-band .copy{padding:65px 13% 65px 11%}.story-band p{margin:22px 0 27px}.story-band .eyebrow{color:#e0f7ad}.values{display:grid;grid-template-columns:repeat(3,1fr);padding:34px 8%;gap:30px;background:var(--yellow)}.values h3{font-size:25px;margin-bottom:6px}.values p{font-size:14px}.footer{background:var(--ink);color:var(--cream);padding:55px 8% 25px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px}.footer .brand{margin-bottom:20px;justify-content:start}.footer h3{font-size:25px;margin-bottom:16px}.footer a:not(.brand){display:block;margin:7px 0;font-size:15px}.footer-bottom{border-top:1px solid #ffffff30;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#c1cdbf}.page{padding:50px 8% 80px;min-height:60vh}.page-title{max-width:700px;margin:18px 0 34px}.page-title p{margin-top:20px;color:#657060}.crumb{font-size:13px;font-weight:600;color:#667063;margin-bottom:25px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.chip{border:1px solid #b9c3b6;border-radius:30px;background:transparent;padding:9px 20px;color:var(--ink)}.chip.active{background:var(--ink);color:white}.dish-layout,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.dish-image{aspect-ratio:1;object-fit:cover;border-radius:5px}.dish-copy h1{font-size:65px}.dish-copy .price{font-size:27px;margin:20px 0}.dish-copy p{margin:20px 0;color:#586750}.field{display:grid;gap:7px;margin-bottom:19px;font-weight:600;font-size:15px}input,select,textarea{width:100%;border:1px solid #bdc6b6;background:white;padding:13px;border-radius:4px;color:var(--ink)}.panel{padding:30px;border:1px solid #d5dacd;background:white;border-radius:5px}.panel h2{font-size:35px;margin-bottom:24px}.notice{font-size:13px!important;color:#66715f!important;margin-top:20px!important}.feedback{font-weight:600;margin-top:14px;min-height:24px}.feedback a{text-decoration:underline}.basket-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:35px}.bag-item{display:grid;grid-template-columns:100px 1fr auto;gap:22px;padding:22px 0;border-bottom:1px solid var(--line);align-items:center}.bag-item img{aspect-ratio:1;object-fit:cover;border-radius:4px}.bag-item h3{font-size:25px}.bag-item p{font-size:14px;margin:6px 0}.qty{display:flex;align-items:center;gap:15px;margin-top:10px}.qty button{background:white;border:1px solid #ccc;width:32px;height:32px;border-radius:50%}.remove{background:none;border:0;text-decoration:underline;font-size:13px;margin-top:10px}.total-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.total-row:last-of-type{font-weight:800;font-size:22px;margin-bottom:20px}.wide{width:100%}.empty{text-align:center;padding:60px 0}.empty p{margin:20px auto}.contact-copy p{margin:22px 0}.faq{margin-top:40px}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-weight:700}details p{margin-top:13px}.mobile-nav{display:none}.success{max-width:650px;text-align:center;margin:30px auto}.success p{margin:25px auto}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-grid img{aspect-ratio:1;object-fit:cover}.photo-grid figcaption{font-size:20px;font-weight:700;padding:10px 0}figure{margin:0}@media(min-width:1450px){body{padding:20px}}@media(max-width:900px){.site{margin:0;border-radius:0}.header{gap:15px;padding:0 5%;height:85px}.nav{gap:15px}.hero{min-height:530px}.hero-copy{padding-left:6%;width:56%}.hero h1{font-size:76px}.intro-strip{margin-left:5%;margin-right:5%;grid-template-columns:80px 1fr;gap:15px}.intro-strip img:nth-of-type(2),.intro-strip div:last-child{display:none}.section,.page{padding-left:5%;padding-right:5%}.category-grid,.food-grid{gap:16px}.food-info{padding:17px}.food-bottom{flex-wrap:wrap}.dish-layout,.two-col{gap:30px}.dish-copy h1{font-size:48px}.basket-layout{grid-template-columns:1.3fr 1fr;gap:20px}}
@media(max-width:620px){.header{height:80px;position:relative;z-index:5}.brand{font-size:27px}.header>.button{margin-left:auto;padding:10px 15px;font-size:13px}.menu-toggle{display:block;background:none;border:1px solid #172b2170;border-radius:5px;font-size:21px;padding:4px 10px;color:var(--ink)}.nav{display:none;position:absolute;left:0;right:0;top:80px;padding:25px;background:var(--orange);flex-direction:column;gap:20px}.header.open .nav{display:flex}.hero{min-height:700px;align-items:start}.hero-copy{padding:38px 6% 0;width:100%}.hero h1{font-size:72px;max-width:340px}.hero-copy .eyebrow{font-size:17px}.hero-copy p{font-size:15px;max-width:250px;margin:18px 0}.hero-image{width:100%;height:350px;top:auto;bottom:0;object-position:65% center;mask-image:linear-gradient(180deg,transparent,black 23%)}.hero-seal{width:80px;height:80px;bottom:38px;right:5%;font-size:12px}.hero-seal b{font-size:23px}.intro-strip{padding:20px 15px;margin-top:-14px;grid-template-columns:75px 1fr}.intro-strip h3{font-size:23px}.intro-strip p{font-size:13px}.section{padding:55px 6%}.section-head h2{font-size:42px}.category-grid{grid-template-columns:1fr;gap:28px}.category{display:grid;grid-template-columns:1fr 1fr;padding:20px 16px;align-items:center;text-align:left}.category .button{grid-column:1;grid-row:1;justify-self:start}.category h3{grid-column:1;grid-row:2;font-size:30px}.category p{grid-column:1;grid-row:3}.category img{grid-column:2;grid-row:1/4;margin:0}.food-grid{grid-template-columns:1fr;gap:25px}.food-photo img{aspect-ratio:1.2}.food-info{padding:22px}.food-bottom{flex-wrap:nowrap}.story-band{grid-template-columns:1fr}.story-band img{min-height:0;max-height:350px}.story-band .copy{padding:40px 7%}.values{grid-template-columns:1fr;padding:30px 7%;gap:25px}.footer{padding:40px 7% 25px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}.page{padding:30px 6% 55px}.page-title h1{font-size:60px}.dish-layout,.two-col,.basket-layout{grid-template-columns:1fr}.dish-copy h1{font-size:52px}.bag-item{grid-template-columns:75px 1fr auto;gap:12px}.bag-item h3{font-size:23px}.panel{padding:23px}.photo-grid{grid-template-columns:1fr 1fr;gap:12px}.photo-grid figcaption{font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
body{background:radial-gradient(ellipse at 4% 20%,#5c442455,transparent 28%),radial-gradient(ellipse at 97% 75%,#4a5c1e55,transparent 25%),#20221e}

/* Reference-inspired citrus frame, four-color masthead and torn-paper edges. */
body{padding:0;background:#20221e url('assets/floating-produce.png') center top / 100% auto repeat-y;}
.site{width:calc(100% - 110px);max-width:1360px;margin:65px auto;position:relative;isolation:isolate;}
.header,.hero{background:linear-gradient(112deg,#ff5727 0 32%,#ffba05 32% 56%,#a4cb25 56% 79%,#009575 79% 100%);}
.header{position:relative;z-index:4;}
.hero{min-height:610px;}
.hero-image{width:64%;height:540px;top:0;right:-2%;object-fit:contain;object-position:center;mask-image:none;filter:drop-shadow(0 20px 13px #3b310d26);}
.hero-copy{width:49%;padding-bottom:115px;}
.hero-copy .button{background:var(--orange);box-shadow:0 0 0 1px #ffffff38;}
.hero-seal{right:5%;bottom:85px;}
.hero:after{content:'';position:absolute;left:-1%;right:-1%;height:58px;bottom:-1px;background:var(--cream);clip-path:polygon(0 65%,2% 70%,3% 53%,4% 60%,6% 49%,7% 54%,9% 42%,10% 48%,12% 34%,14% 42%,16% 31%,18% 35%,20% 24%,22% 31%,24% 21%,26% 29%,28% 20%,30% 26%,32% 17%,34% 25%,36% 19%,38% 27%,40% 20%,42% 27%,44% 22%,46% 29%,48% 21%,50% 30%,52% 23%,54% 29%,56% 20%,58% 27%,60% 18%,62% 25%,64% 19%,66% 26%,68% 16%,70% 24%,72% 18%,74% 25%,76% 14%,78% 20%,80% 13%,82% 22%,84% 15%,86% 20%,88% 11%,90% 17%,92% 9%,94% 18%,96% 12%,98% 19%,100% 10%,100% 100%,0 100%);}
main{position:relative;}
main:after{content:'';position:absolute;inset:0 -5%;background:url('assets/floating-produce.png') center 190px / 100% auto repeat-y;pointer-events:none;z-index:3;opacity:.9;}
.intro-strip{border:0;filter:drop-shadow(0 7px 8px #805f2520);box-shadow:none;}
.intro-strip:before{content:'';position:absolute;inset:-9px;background:var(--cream);z-index:-1;clip-path:polygon(0 5%,3% 3%,5% 6%,8% 2%,11% 4%,14% 1%,18% 4%,21% 2%,25% 5%,29% 1%,32% 4%,36% 2%,40% 5%,43% 1%,47% 4%,51% 2%,55% 5%,59% 1%,63% 3%,67% 1%,71% 4%,75% 2%,79% 5%,83% 1%,87% 3%,91% 1%,95% 4%,100% 2%,99% 25%,100% 45%,99% 65%,100% 96%,97% 98%,93% 95%,89% 99%,85% 96%,81% 99%,77% 96%,73% 98%,69% 95%,65% 99%,61% 96%,57% 99%,53% 96%,49% 98%,45% 95%,41% 99%,37% 96%,33% 99%,29% 96%,25% 98%,21% 95%,17% 99%,13% 96%,9% 99%,5% 96%,0 98%,1% 76%,0 52%,1% 28%);}
.category{border:2px dashed #ffffff95;outline-offset:1px;box-shadow:inset 0 0 0 5px #ffffff20;}
@media(max-width:900px){.site{width:calc(100% - 48px);margin:35px auto;}.hero{min-height:550px;}.hero-image{height:470px;width:67%;top:25px;right:-6%;}.hero-copy{width:53%;}.hero h1{font-size:68px;}}
@media(max-width:620px){.site{width:calc(100% - 24px);margin:18px auto;border-radius:5px;}.header{padding-left:6%;padding-right:6%;}.hero{min-height:730px;}.hero-copy{width:100%;padding:32px 7% 0;}.hero h1{font-size:66px;}.hero-image{width:110%;height:360px;right:-7%;top:auto;bottom:37px;}.hero-seal{bottom:60px;right:6%;}.hero:after{height:40px;}main:after{inset:0 -9%;background-position:center 230px;background-size:100% auto;opacity:.65;}.intro-strip{margin-top:-22px;}.hero-copy .button{background:var(--ink);}}

main:after{mask-image:linear-gradient(90deg,#000 0%,#000 8%,transparent 11%,transparent 89%,#000 92%,#000 100%);}

/* Soft outer backdrop; page content and in-page decoration stay crisp. */
body{background:#20221e;position:relative;isolation:isolate;}
body:before{content:'';position:absolute;inset:-12px;z-index:-1;pointer-events:none;background:url('assets/floating-produce.png') center top / 100% auto repeat-y;filter:blur(10px);}
html{overflow-x:clip;}

/* Crisp small-scale edge artwork, without a mask cutting across leaves. */
main:after{display:none;}
.page-garnish{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;}
.page-garnish span{position:absolute;top:100px;bottom:0;width:80px;background-image:url('assets/produce-crisp.png');background-size:400px 600px;background-repeat:repeat-y;}
.page-garnish span:first-child{left:0;background-position:left top;}
.page-garnish span:last-child{right:0;background-position:right top;}
.hero-image{z-index:4;}.hero-copy{z-index:5;}.hero-seal{z-index:5;width:118px;height:118px;font-size:10px;letter-spacing:.6px;}
.hero-seal b{font-family:'Barlow Condensed',sans-serif;font-size:27px;line-height:.95;margin:5px 0;}
@media(max-width:900px){.page-garnish span{width:44px;background-size:220px 330px;}}
@media(max-width:620px){.page-garnish span{width:25px;background-size:125px 187.5px;top:310px;}.hero-seal{width:91px;height:91px;font-size:8px;}.hero-seal b{font-size:23px;margin:3px 0;}}

body{overflow-x:clip;}body:before{inset:0;}

/* Keep the homepage nachos photo above the decorative produce border. */
.story-band > img{position:relative;z-index:4;}

/* Background below edge garnish; only the transparent bowl is in front. */
.nachos-scene{position:relative;background:radial-gradient(ellipse at 45% 40%,#f9ead6,#ebd1af);min-height:370px;aspect-ratio:1;}
.story-band .nachos-scene img{position:relative;z-index:4;width:100%;height:100%;min-height:0;object-fit:contain;padding:4%;filter:drop-shadow(0 14px 10px #593c2725);}
@media(max-width:620px){.nachos-scene{aspect-ratio:auto;height:350px;min-height:0;}.story-band .nachos-scene img{max-height:none;}}

/* Extend the produce border behind the navigation, which stays above it. */
.page-garnish{top:-100px;}
.page-garnish span{top:0;}
@media(max-width:900px){.page-garnish{top:-85px;}}
@media(max-width:620px){.page-garnish{top:-80px;}.page-garnish span{top:0;}}

/* Let the colorful hero meet the middle of the overlapping intro banner. */
.hero{padding-bottom:45px;margin-bottom:-45px;}
.hero:after{bottom:-1px;}
@media(max-width:620px){.hero{padding-bottom:40px;margin-bottom:-40px;}}

.hero{min-height:690px;margin-bottom:0;padding-bottom:80px;}
.intro-strip{margin-top:-120px;}
@media(max-width:900px){.hero{min-height:630px;}}
@media(max-width:620px){.hero{min-height:810px;padding-bottom:80px;margin-bottom:0;}.hero-image{bottom:117px;}.hero-seal{bottom:140px;}.intro-strip{margin-top:-100px;}}

/* Comfortable, consistent text gutters on every mobile page. */
@media(max-width:620px){
 .site{--mobile-gutter:clamp(28px,8vw,36px);}
 .header,.hero-copy,.section,.page,.story-band .copy,.values,.footer{padding-left:var(--mobile-gutter);padding-right:var(--mobile-gutter);}
 .intro-strip{margin-left:var(--mobile-gutter);margin-right:var(--mobile-gutter);}
 .nav{padding-left:var(--mobile-gutter);padding-right:var(--mobile-gutter);}
 .dish-copy,.contact-copy,.page-title{min-width:0;}
 .page-title h1,.dish-copy h1{overflow-wrap:break-word;}
}

/* Mobile navigation must sit above hero artwork and headings. */
@media(max-width:620px){
 .site{--mobile-gutter:clamp(34px,9.5vw,44px);}
 .header{z-index:20;}
 .header .nav{z-index:21;box-shadow:0 12px 18px #172b2120;max-height:calc(100dvh - 100px);overflow-y:auto;}
 .header .nav a{display:block;min-height:44px;padding:10px 0;}
 .header.open .nav{gap:3px;}
 .header{gap:10px;}
 .header>.button{padding:10px 12px;}
}