@font-face{font-family:Bricolage;src:url('assets/fonts/display.woff2') format('woff2');font-display:swap;font-weight:200 800}@font-face{font-family:Archivo;src:url('assets/fonts/body.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--base:#f8f0dc;--paper:#fff8e9;--ink:#231d17;--red:#c72822;--accent:#c72822;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--base);color:var(--ink);font:16px/1.5 Archivo,Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid currentColor;outline-offset:5px}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Bricolage,Arial,sans-serif;font-weight:800;line-height:.98;letter-spacing:-.04em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:15px;z-index:1000;background:var(--ink);color:var(--base);padding:14px}.skip-link:focus{top:10px}.site-header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 4%;border-bottom:1px solid #231d1740}.brand-home{width:205px;flex:none}.brand-home img{width:100%;height:30px}.header-note{font-size:10px;font-weight:700;letter-spacing:.08em}.site-nav{display:flex;align-items:center;gap:28px;font-weight:650;font-size:14px}.site-nav a{text-decoration:none}.bag-trigger{border:1.5px solid var(--ink);background:transparent;border-radius:0;padding:11px 14px;white-space:nowrap}.bag-trigger span{margin-left:10px;font-weight:750}.hero{padding:30px 4% 0;overflow:hidden}.hero-stage{height:650px;max-width:1450px;margin:auto;position:relative}.hero-big,.hero-little,.hero-bite,.hero-burger,.hero-pickle,.hero-cheese,.hero-label{position:absolute}.hero-big{width:45%;left:0;top:0;transform:rotate(-4deg)}.hero-little{width:44%;right:1%;top:2%;transform:rotate(3deg)}.hero-bite{width:59%;right:0;bottom:0;transform:rotate(-2deg)}.hero-burger{width:68%;left:12%;top:14%;z-index:1;mask-image:url('assets/hero-silhouette.svg');mask-size:100% 100%;mask-repeat:no-repeat;filter:drop-shadow(2px 15px 12px #48200624);transform:rotate(-6deg);transition:transform 500ms var(--ease)}.hero-stage:hover .hero-burger{transform:rotate(-4deg) translateY(-4px)}.hero-pickle{width:9%;left:1%;bottom:26%;transform:rotate(20deg)}.hero-cheese{width:9%;right:0;top:35%;transform:rotate(16deg)}.hero-label{left:0;bottom:3%;font-family:Bricolage;font-size:clamp(24px,2.3vw,38px);font-weight:800;line-height:.95;letter-spacing:-.04em;max-width:28%}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:2px solid var(--ink);padding:24px 0 30px;margin-top:20px}.hero-bottom p{font-size:17px;line-height:1.5}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--red);color:var(--base);border:1.5px solid var(--red);padding:17px 24px;min-height:56px;font-weight:700;text-decoration:none;line-height:1.2;transition:background 180ms var(--ease)}.button:hover{background:#a71d18}.button span[aria-hidden]{font-size:30px;line-height:1}.demo-label{font-size:10px;line-height:1.6;letter-spacing:.08em}.ingredient-ribbon{display:flex;align-items:center;justify-content:space-around;gap:25px;background:var(--red);color:var(--base);padding:19px 4%;font-family:Bricolage;font-size:24px;font-weight:700}.ingredient-ribbon img{width:32px;height:32px;filter:brightness(0) invert(1)}.menu-section{padding:85px 0 0}.menu-heading{padding:0 5%;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:35px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em}.menu-heading .eyebrow{align-self:start;padding-top:12px;max-width:120px}.menu-heading h2{font-size:clamp(56px,6.3vw,96px)}.menu-heading p{font-size:15px;line-height:1.6}.filters{display:flex;flex-wrap:wrap;gap:10px;padding:35px 5% 55px}.filters button{font-size:13px;border:1px solid var(--ink);background:transparent;padding:11px 16px;min-height:44px}.filters button.selected{background:var(--ink);color:var(--base)}.menu-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.menu-item{min-width:0;grid-column:span 6;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;position:relative;padding:45px 8% 50px;gap:9%;border-top:1px solid #231d172e}.menu-item-0{background:#f3e2bd}.menu-item-1{background:#cbd4a7}.menu-item-2{background:#e6c8b5}.menu-item-1 .food-frame{order:2}.menu-item-1 .item-copy{order:1}.food-frame{min-width:0}.item-photo{width:100%;max-height:460px;object-fit:contain;mix-blend-mode:multiply;transition:transform 450ms var(--ease)}.menu-item:hover .item-photo{transform:rotate(-2deg) translateY(-5px)}.item-kicker{display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.11em;margin-bottom:17px}.item-kicker img{width:50px;height:50px;object-fit:contain;transform:rotate(-8deg)}.menu-item h3{font-size:clamp(42px,4.6vw,70px);max-width:610px}.menu-item p{font-size:16px;max-width:390px;line-height:1.7;margin-top:25px}.item-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:30px;padding-top:24px;border-top:1px solid #231d1780}.item-bottom strong{font-family:Bricolage;font-size:28px;font-weight:800}.add-item{background:var(--ink);color:var(--base);border:1px solid var(--ink);padding:14px 20px;font-size:14px;min-height:50px;display:inline-flex;gap:25px;align-items:center;font-weight:700;white-space:nowrap}.add-item span{font-size:24px;line-height:1}.add-item:hover{background:var(--red);border-color:var(--red)}.menu-item:nth-child(n+4){grid-column:span 2;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:45px 8% 55px;background:var(--base);border-right:1px solid #231d172e}.menu-item:nth-child(n+4) .food-frame{height:270px}.menu-item:nth-child(n+4) .item-photo{height:100%;width:100%;object-fit:contain}.menu-item:nth-child(n+4) .item-copy{display:flex;flex-direction:column;flex:1}.menu-item:nth-child(n+4) .item-kicker{margin-top:22px;margin-bottom:10px;min-height:35px}.menu-item:nth-child(n+4) .item-kicker img{width:32px;height:32px}.menu-item:nth-child(n+4) h3{font-size:36px;letter-spacing:-.04em}.menu-item:nth-child(n+4) p{font-size:14px;line-height:1.6;margin:18px 0 22px}.menu-item:nth-child(n+4) .item-bottom{margin-top:auto;padding-top:18px;gap:10px}.menu-item:nth-child(n+4) .item-bottom strong{font-size:23px}.menu-item:nth-child(n+4) .add-item{font-size:12px;padding:12px;gap:12px}.menu-fine{padding:24px 5%;font-size:12px;border-top:1px solid #231d172e}.story{padding:75px 5%;background:var(--ink);color:var(--base);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);column-gap:6%;row-gap:45px}.story h2{font-size:clamp(56px,6vw,92px);margin-top:24px}.story-image{display:flex;align-items:center}.story-image img{width:100%;transform:rotate(2deg)}.story-details{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7%;padding-top:20px}.story-details img{width:60px;height:60px;object-fit:contain;filter:brightness(0) invert(.94);margin-bottom:20px}.story-details h3{font-size:29px;line-height:1.05}.story-details p{font-size:15px;line-height:1.6;margin-top:15px}.story-link{grid-column:1/-1;justify-self:start;font-size:17px;font-weight:600;text-underline-offset:7px;padding-bottom:8px}.story-link span{margin-left:25px}.site-footer{padding:60px 5% 30px}.footer-lettering{display:flex;gap:20px;align-items:center}.footer-lettering img:first-child{width:27%}.footer-lettering img:nth-child(2){width:35%;transform:rotate(-6deg)}.footer-lettering img:nth-child(3){width:32%}.footer-bottom{display:flex;justify-content:space-between;gap:45px;border-top:1px solid var(--ink);padding-top:25px;margin-top:45px;font-size:12px}.footer-bottom p{max-width:580px}.footer-bottom a{white-space:nowrap;text-underline-offset:5px;font-size:14px}

#order-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(500px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:hidden;box-shadow:-10px 0 60px #0003}#order-dialog::backdrop{background:rgb(0 0 0/.4);backdrop-filter:blur(3px)}.drawer-view{height:100%;display:flex;flex-direction:column;min-height:0}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);flex:none}.drawer-header h2{font-size:28px}.close-order{background:transparent;border:1px solid currentColor;border-radius:50%;width:42px;height:42px;font-size:25px;flex:none}.drawer-scroll{overflow-y:auto;overscroll-behavior:contain;padding:24px;flex:1;min-height:0}.product-image{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:4px;margin-bottom:24px}.product-title{font-size:36px;margin-bottom:12px}.product-description{font-size:15px;line-height:1.55}.product-disclaimer{font-size:12px;margin:12px 0 25px;opacity:.75}fieldset{border:0;padding:0;margin:24px 0}legend{font-weight:700;margin-bottom:12px}.option-row{display:flex;gap:12px;padding:15px 0;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent);font-size:15px}.option-row input{accent-color:var(--ink);width:20px;height:20px;flex:none}.quantity-label{display:flex;justify-content:space-between;align-items:center;margin:24px 0 8px;font-weight:700}.quantity-label input{width:85px;padding:10px;border:1px solid var(--ink);border-radius:6px;background:transparent;color:var(--ink)}.drawer-footer{padding:20px 24px 24px;background:var(--base);border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);flex:none}.drawer-footer .button{width:100%;justify-content:space-between;border-radius:10px}.subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:20px;font-weight:700}.drawer-footer>p{font-size:12px;margin-bottom:15px}.bag-lines{list-style:none;margin:0;padding:0}.bag-line{display:grid;grid-template-columns:65px minmax(0,1fr);gap:14px;padding:22px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent);position:relative}.bag-line>img{width:65px;height:65px;object-fit:cover;border-radius:5px}.bag-line h3{font-family:Bricolage;font-size:23px;padding-right:0}.bag-line p{font-size:12px;line-height:1.5;margin-top:8px}.line-price{grid-column:2;font-size:15px}.line-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}.stepper{display:flex;align-items:center;border:1px solid var(--ink);border-radius:30px;gap:2px}.stepper button{width:34px;height:34px;background:transparent;font-size:20px}.stepper span{min-width:22px;text-align:center;font-size:14px}.text-button{background:none;text-decoration:underline;padding:8px 0;font-size:13px}.cart-empty{padding:60px 10px;text-align:center}.cart-empty img{width:100px;height:100px;object-fit:contain;margin:0 auto 22px}.cart-empty h3{font-size:30px;font-family:Bricolage}.cart-empty p{margin-top:12px}.continue-shopping{display:block;margin:16px auto 0;background:transparent;text-decoration:underline;padding:5px}.checkout-page{padding:55px 5% 90px;min-height:90vh;max-width:1300px;margin:auto}.checkout-page>h1{font-size:clamp(46px,6vw,82px);margin:28px 0 35px}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%}.checkout-card{border:1px solid var(--ink);padding:30px;background:var(--paper);align-self:start}.checkout-card h2,.checkout-form h2{font-size:30px;margin-bottom:20px}.checkout-form{padding-top:8px}.demo-note{padding:16px 18px;border-left:4px solid var(--ink);background:var(--paper);font-size:14px;margin-bottom:30px}.checkout-form label{display:block;font-weight:700;margin:20px 0 10px}.checkout-form select{width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:14px;border-radius:4px}.checkout-form>p{font-size:14px;margin:18px 0 25px}.checkout-form>.button{width:100%;margin-top:20px}.summary-lines{padding:0;list-style:none}.summary-lines li{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}.summary-lines p{font-size:13px;margin-top:5px}.summary-lines b{white-space:nowrap}.checkout-total{display:flex;justify-content:space-between;font-size:24px;font-weight:700;margin-top:25px}.confirmation{max-width:780px;text-align:center}.confirmation>img{width:140px;height:140px;object-fit:contain;margin:auto}.confirmation .summary-lines{text-align:left;margin:30px 0}.confirmation>p{margin:20px auto}.confirmation .button{margin-top:25px}.confirmation .checkout-card{margin-top:35px}
#order-dialog{font-size:16px}.drawer-header h2{font-family:Bricolage}.drawer-footer{background:var(--red);color:var(--base);border-top:0}.drawer-footer .button{background:var(--base);color:var(--ink);border-color:var(--base);border-radius:0}.drawer-footer .button:hover{background:#fff}.drawer-footer>p{font-size:11px}.drawer-footer .continue-shopping{color:var(--base)}.drawer-header .close-order{border-radius:0}.product-image{object-fit:contain;mix-blend-mode:multiply;aspect-ratio:1.4;max-height:300px}.product-title{font-size:40px}.bag-line>img{object-fit:contain;mix-blend-mode:multiply;border-radius:0}.bag-line h3{font-family:Bricolage;letter-spacing:-.04em}.bag-line{padding:24px 0}.stepper,.quantity-label input{border-radius:0}.text-button{border:0}.continue-shopping{border:0}.checkout-page h1{font-family:Bricolage;max-width:900px}.checkout-card{border:1.5px solid var(--ink);background:#f3e2bd}.checkout-form select{border-radius:0}.confirmation>img{width:105px;height:105px}.confirmation h1{font-size:clamp(45px,6vw,82px)}
@media(min-width:1600px){.hero-stage{height:730px}.hero-burger{width:64%;left:15%}}
@media(max-width:1000px){.header-note{display:none}.hero-stage{height:490px}.hero-label{font-size:26px}.hero-bottom p{font-size:15px}.demo-label{max-width:150px}.ingredient-ribbon{font-size:18px;gap:15px}.ingredient-ribbon img{width:25px;height:25px}.menu-heading{grid-template-columns:1fr 2fr;gap:20px}.menu-heading p{grid-column:2}.menu-item{gap:6%;padding-left:5%;padding-right:5%}.menu-item h3{font-size:50px}.menu-item:nth-child(n+4){padding:30px 7%}.menu-item:nth-child(n+4) .food-frame{height:210px}.menu-item:nth-child(n+4) .item-bottom{flex-wrap:wrap}.menu-item:nth-child(n+4) h3{font-size:31px}.story h2{font-size:64px}.story-details h3{font-size:25px}.checkout-grid{gap:25px}.checkout-card{padding:23px}}
@media(max-width:650px){.site-header{padding:18px 5%;gap:12px}.brand-home{width:155px}.brand-home img{height:25px}.site-nav{gap:13px;font-size:12px}.site-nav>a:not(:first-child){display:none}.bag-trigger{padding:9px 10px}.bag-trigger span{margin-left:5px}.hero{padding:24px 4% 0}.hero-stage{height:470px}.hero-big{width:80%;left:0;top:0}.hero-little{width:42%;right:2%;top:23%;z-index:2}.hero-bite{width:88%;right:0;bottom:0}.hero-burger{width:114%;max-width:none;left:-7%;top:27%;transform:rotate(-6deg)}.hero-cheese{width:15%;right:0;top:1%;transform:rotate(14deg)}.hero-pickle{width:12%;left:1%;bottom:27%;z-index:2}.hero-label{left:0;bottom:25%;font-size:14px;max-width:22%;z-index:2}.hero-bottom{display:grid;grid-template-columns:1fr;gap:18px;text-align:center;padding:23px 0 27px;margin-top:12px}.hero-bottom p{font-size:16px}.hero-bottom .button{width:100%;text-align:left}.demo-label{max-width:none;font-size:9px;line-height:1.4}.demo-label br{display:none}.demo-label br::after{content:' '}.ingredient-ribbon{font-size:16px;gap:12px;padding:15px 4%;flex-wrap:wrap}.ingredient-ribbon img{width:22px;height:22px}.ingredient-ribbon span:nth-last-child(2),.ingredient-ribbon img:last-child{display:none}.menu-section{padding-top:55px}.menu-heading{display:block;padding:0 5%}.menu-heading .eyebrow{display:block;max-width:none;padding:0}.menu-heading h2{font-size:58px;margin-top:17px}.menu-heading p{font-size:14px;margin-top:20px}.filters{padding:25px 5% 38px;gap:8px}.filters button{padding:10px 12px;font-size:12px}.menu-grid{display:block}.menu-item{display:flex;flex-direction:column;padding:24px 5% 38px;gap:0;align-items:stretch}.menu-item-1 .food-frame,.menu-item-1 .item-copy{order:initial}.food-frame{height:310px}.item-photo{height:100%;object-fit:contain}.item-kicker{margin-top:8px;margin-bottom:12px;font-size:9px}.item-kicker img{width:38px;height:38px}.menu-item h3{font-size:48px}.menu-item p{font-size:14px;line-height:1.6;margin-top:18px;max-width:100%}.item-bottom{margin-top:22px;padding-top:20px}.item-bottom strong{font-size:26px}.add-item{padding:13px 18px;gap:20px;font-size:13px;min-height:50px}.menu-item:nth-child(n+4){display:grid;grid-template-columns:31% minmax(0,1fr);gap:7%;padding:30px 5%;align-items:center;border-right:0}.menu-item:nth-child(n+4) .food-frame{height:190px}.menu-item:nth-child(n+4) .item-photo{height:190px}.menu-item:nth-child(n+4) .item-kicker{margin-top:0;min-height:0;font-size:8px}.menu-item:nth-child(n+4) .item-kicker img{display:none}.menu-item:nth-child(n+4) h3{font-size:30px}.menu-item:nth-child(n+4) p{font-size:12px;margin:13px 0 16px}.menu-item:nth-child(n+4) .item-bottom{flex-wrap:wrap;gap:10px}.menu-item:nth-child(n+4) .item-bottom strong{font-size:21px}.menu-item:nth-child(n+4) .add-item{min-height:44px;padding:10px 12px;gap:12px;font-size:11px}.menu-fine{font-size:10px;line-height:1.6}.story{display:block;padding:55px 5%}.story h2{font-size:64px;margin-bottom:35px}.story-image img{transform:rotate(1deg)}.story-details{display:block;padding:0}.story-details>div{display:grid;grid-template-columns:55px minmax(0,1fr);column-gap:20px;margin-top:35px}.story-details img{grid-row:span 2;width:50px;height:50px;margin:0}.story-details h3{font-size:27px}.story-details p{font-size:14px;line-height:1.5;margin-top:12px}.story-link{display:inline-block;margin-top:35px;font-size:15px}.story-link span{margin-left:10px}.site-footer{padding:40px 5% 25px}.footer-lettering{gap:12px;flex-wrap:wrap;justify-content:space-between}.footer-lettering img:first-child{width:42%}.footer-lettering img:nth-child(2){width:52%}.footer-lettering img:nth-child(3){width:100%;margin-top:10px}.footer-bottom{display:block;margin-top:30px;padding-top:20px;font-size:10px;line-height:1.6}.footer-bottom a{display:inline-block;margin-top:20px;font-size:13px}.drawer-header{padding:17px 20px}.drawer-header h2{font-size:25px}.drawer-scroll{padding:20px}.drawer-footer{padding:16px 20px 20px}.drawer-footer .button{min-height:52px;font-size:15px}.subtotal{font-size:19px;margin-bottom:12px}.continue-shopping{font-size:13px;margin-top:12px}.product-title{font-size:35px}.bag-line h3{font-size:23px}.checkout-page{padding:30px 5% 60px}.checkout-page>h1{font-size:50px;margin-top:25px}.checkout-grid{display:flex;flex-direction:column;gap:30px}.checkout-card{width:100%;padding:22px}.checkout-form{width:100%}.checkout-card h2,.checkout-form h2{font-size:29px}.summary-lines li{gap:15px}.checkout-form .button{font-size:15px}.confirmation h1{font-size:47px}}
@media(max-width:360px){.brand-home{width:124px}.site-nav{gap:10px;font-size:11px}.hero-stage{height:385px}.hero-big{width:80%}.hero-little{top:24%}.hero-burger{top:28%}.hero-label{font-size:12px;bottom:24%}.hero-bottom p{font-size:15px}.menu-heading h2{font-size:52px}.food-frame{height:260px}.menu-item h3{font-size:43px}.menu-item:nth-child(n+4){grid-template-columns:28% minmax(0,1fr);gap:7%}.menu-item:nth-child(n+4) h3{font-size:28px}.menu-item:nth-child(n+4) .food-frame,.menu-item:nth-child(n+4) .item-photo{height:180px}.story h2{font-size:57px}.story-link{font-size:13px}.drawer-header h2{font-size:23px}.close-order{width:38px;height:38px}.product-title{font-size:30px}.checkout-page>h1{font-size:44px}.summary-lines li{font-size:14px}.summary-lines p{font-size:12px}.confirmation h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-stage:hover .hero-burger{transform:rotate(-6deg)}.menu-item:hover .item-photo{transform:none}}

@media(max-width:650px){.hero-label{display:none}.demo-label br{display:initial}.demo-label br::after{content:none}}

/* Measured drawer touch targets: minimum44px without moving the pinned CTA. */
#order-dialog .close-order,#order-dialog .stepper button{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}
#order-dialog .line-controls{flex-wrap:wrap}
#order-dialog .line-controls .text-button{min-width:44px;min-height:44px}
#order-dialog .continue-shopping,#order-dialog .quantity-label input{min-height:44px}
