[data-demo=food]{--verde:#24503c;--verde-deep:#1a3b2b;--photo:#20442e;--crema:#efe1b0;--crema-2:#f7efd6;--crema-3:#e4d29a;--mostaza:#e8b83a;--rojo:#d8452a;--morado:#8b5fbf;--tinta:#17251d;--tinta-2:#46564c;--on-verde:#efe1b0;--on-verde-2:#c9d8ca;--hair:#17251d29;--hair-verde:#efe1b02e;--shadow:0 10px 0 #17251d24;background:var(--crema);color:var(--tinta);font-family:var(--font-archivo), system-ui, sans-serif;-webkit-font-smoothing:antialiased}[data-demo=food] .f-wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:18px}@media (min-width:768px){[data-demo=food] .f-wrap{padding-inline:30px}}[data-demo=food] .f-band{padding-block:60px}@media (min-width:768px){[data-demo=food] .f-band{padding-block:86px}}[data-demo=food] .f-dark{background:var(--verde);color:var(--on-verde)}[data-demo=food] .f-photo-ground{background:var(--photo);color:var(--on-verde)}[data-demo=food] .f-tint{background:var(--crema-2)}[data-demo=food] .f-on-dark{color:var(--on-verde)}[data-demo=food] .f-display,[data-demo=food] .f-h1,[data-demo=food] .f-h2,[data-demo=food] .f-h3{font-family:var(--font-anton), Impact, sans-serif;text-transform:uppercase;letter-spacing:.01em;font-weight:400;line-height:.92}[data-demo=food] .f-h1{font-size:clamp(2.9rem,11vw,7rem)}[data-demo=food] .f-h2{font-size:clamp(1.9rem,5.2vw,3.4rem)}[data-demo=food] .f-h3{font-size:clamp(1.15rem,2.3vw,1.5rem)}[data-demo=food] .f-cut-word{white-space:nowrap}[data-demo=food] .f-cut-word>span{transform:rotate(calc((mod(var(--i), 7) - 3) * 1.6deg)) translateY(calc((mod(var(--i), 5) - 2) * .035em));transform-origin:50% 70%;display:inline-block}@supports not (width:mod(3, 2)){[data-demo=food] .f-cut-word>span{transform:none}}[data-demo=food] .f-label{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:700}[data-demo=food] .f-lede{color:var(--tinta-2);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.7}[data-demo=food] .f-dark .f-lede,[data-demo=food] .f-photo-ground .f-lede{color:var(--on-verde-2)}[data-demo=food] .f-body{color:var(--tinta-2);line-height:1.7}[data-demo=food] .f-small{color:var(--tinta-2);font-size:13px;line-height:1.6}[data-demo=food] .f-dark .f-body,[data-demo=food] .f-dark .f-small,[data-demo=food] .f-photo-ground .f-body,[data-demo=food] .f-photo-ground .f-small{color:var(--on-verde-2)}[data-demo=food] .f-num{font-variant-numeric:tabular-nums;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}[data-demo=food] .f-cta{min-height:50px;font-family:var(--font-anton), Impact, sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta);background:var(--mostaza);border:2px solid var(--tinta);box-shadow:4px 4px 0 var(--tinta);justify-content:center;align-items:center;gap:10px;padding:13px 28px;font-size:15px;transition:transform .12s,box-shadow .12s;display:inline-flex}[data-demo=food] .f-cta:hover{box-shadow:2px 2px 0 var(--tinta);transform:translate(2px,2px)}[data-demo=food] .f-cta:active{box-shadow:0 0 0 var(--tinta);transform:translate(4px,4px)}[data-demo=food] .f-cta-ghost{color:var(--tinta);background:0 0}[data-demo=food] .f-dark .f-cta-ghost,[data-demo=food] .f-photo-ground .f-cta-ghost{color:var(--crema);border-color:var(--crema);box-shadow:4px 4px 0 var(--crema)}[data-demo=food] .f-dark .f-cta-ghost:hover,[data-demo=food] .f-photo-ground .f-cta-ghost:hover{box-shadow:2px 2px 0 var(--crema)}[data-demo=food] .f-chip{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:.14em;text-transform:uppercase;border:2px solid;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:10.5px;font-weight:700;display:inline-flex}[data-demo=food] .f-chip[data-heat]{color:var(--rojo)}[data-demo=food] .f-chip[data-veg]{color:#2f7d4f}[data-demo=food] .f-rule-top{border-top:2px solid var(--tinta)}[data-demo=food] .f-dark .f-rule-top{border-top-color:var(--hair-verde)}[data-demo=food] .f-card{background:var(--crema-2);border:2px solid var(--tinta);box-shadow:var(--shadow)}[data-demo=food] .f-dark .f-card{background:var(--verde-deep);border-color:var(--crema);box-shadow:0 10px #00000038}[data-demo=food] .f-header{z-index:60;background:var(--verde);color:var(--on-verde);border-bottom:2px solid var(--crema);position:sticky;top:20px}[data-demo=food] .f-hero{background:var(--photo);color:var(--on-verde);isolation:isolate;position:relative;overflow:hidden}[data-demo=food] .f-hero-photo{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}[data-demo=food] .f-hero-wash{z-index:1;background:linear-gradient(100deg, var(--photo) 2%, #20442ef5 34%, #20442e8c 50%, #20442e00 66%);position:absolute;inset:0}[data-demo=food] .f-hero-body{z-index:3;position:relative}[data-demo=food] .f-marquee{background:var(--mostaza);color:var(--tinta);border-block:2px solid var(--tinta);padding-block:9px;overflow:hidden}[data-demo=food] .f-marquee[data-tone=red]{background:var(--rojo);color:var(--crema);border-color:var(--crema)}[data-demo=food] .f-marquee-track{width:max-content;animation:26s linear infinite f-slide;display:flex}[data-demo=food] .f-marquee[data-tone=red] .f-marquee-track{animation-duration:34s;animation-direction:reverse}[data-demo=food] .f-marquee-item{font-family:var(--font-anton), Impact, sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:22px;padding-inline:11px;font-size:17px;display:inline-flex}@keyframes f-slide{0%{transform:translate(0,0)}to{transform:translate(-50%)}}[data-demo=food] .f-marquee:hover .f-marquee-track,[data-demo=food] .f-marquee:focus-within .f-marquee-track{animation-play-state:paused}[data-demo=food] .f-sticker{text-align:center;font-family:var(--font-anton), Impact, sans-serif;text-transform:uppercase;color:var(--tinta);transform:rotate(var(--tilt,-7deg));place-items:center;line-height:.95;display:grid}[data-demo=food] .f-sticker[data-kind=burst]{background:var(--mostaza);clip-path:polygon(50% 0%,61% 9%,74% 4%,79% 17%,93% 18%,92% 32%,100% 43%,91% 52%,96% 65%,84% 71%,84% 85%,70% 84%,61% 95%,50% 87%,39% 95%,30% 84%,16% 85%,16% 71%,4% 65%,9% 52%,0% 43%,8% 32%,7% 18%,21% 17%,26% 4%,39% 9%)}[data-demo=food] .f-sticker[data-kind=shield]{background:var(--morado);color:var(--crema);clip-path:polygon(50% 0%,100% 12%,100% 62%,50% 100%,0% 62%,0% 12%)}[data-demo=food] .f-sticker[data-kind=arc]{background:var(--rojo);width:max-content;max-width:15rem;color:var(--crema);border:2px solid var(--tinta);white-space:nowrap;border-radius:999px;padding:7px 18px}@keyframes f-slap{0%{opacity:0;transform:rotate(calc(var(--tilt,-7deg) - 16deg)) scale(1.5)}60%{opacity:1;transform:rotate(calc(var(--tilt,-7deg) + 4deg)) scale(.94)}to{opacity:1;transform:rotate(var(--tilt,-7deg)) scale(1)}}[data-demo=food] .f-sticker[data-slap]{animation:.5s cubic-bezier(.2,1.3,.4,1) both f-slap;animation-delay:var(--delay,0s)}[data-demo=food] .sb-mascot{overflow:visible}@keyframes f-swing-a{0%,to{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}@keyframes f-swing-b{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@keyframes f-lag-a{0%,to{transform:rotate(-14deg)}50%{transform:rotate(6deg)}}@keyframes f-lag-b{0%,to{transform:rotate(6deg)}50%{transform:rotate(-14deg)}}@keyframes f-bob{0%,to{transform:translateY(0)}25%,75%{transform:translateY(-2.5%)}}[data-demo=food] .sb-mascot[data-pose=walk]{animation:.9s ease-in-out infinite f-bob}[data-demo=food] .sb-mascot[data-pose=walk] .sb-m-arm-l,[data-demo=food] .sb-mascot[data-pose=walk] .sb-m-leg-r{animation:.9s ease-in-out infinite f-swing-a}[data-demo=food] .sb-mascot[data-pose=walk] .sb-m-arm-r,[data-demo=food] .sb-mascot[data-pose=walk] .sb-m-leg-l{animation:.9s ease-in-out infinite f-swing-b}[data-demo=food] .sb-mascot[data-pose=walk] .sb-m-arm-l .sb-m-fore,[data-demo=food] .sb-mascot[data-pose=walk] .sb-m-leg-r .sb-m-shin{animation:.9s ease-in-out infinite f-lag-a}[data-demo=food] .sb-mascot[data-pose=walk] .sb-m-arm-r .sb-m-fore,[data-demo=food] .sb-mascot[data-pose=walk] .sb-m-leg-l .sb-m-shin{animation:.9s ease-in-out infinite f-lag-b}@keyframes f-shimmy{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(5deg)translateY(-3%)}}@keyframes f-hat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7%)rotate(-6deg)}}@keyframes f-arm-up-a{0%,to{transform:rotate(-52deg)}50%{transform:rotate(-18deg)}}@keyframes f-arm-up-b{0%,to{transform:rotate(18deg)}50%{transform:rotate(52deg)}}[data-demo=food] .sb-mascot[data-pose=dance]{animation:.66s ease-in-out infinite f-shimmy}[data-demo=food] .sb-mascot[data-pose=dance] .sb-m-hat{animation:.66s ease-in-out infinite f-hat}[data-demo=food] .sb-mascot[data-pose=dance] .sb-m-arm-l{animation:.66s ease-in-out infinite f-arm-up-a}[data-demo=food] .sb-mascot[data-pose=dance] .sb-m-arm-r{animation:.66s ease-in-out infinite f-arm-up-b}@keyframes f-wave{0%,to{transform:rotate(-58deg)}50%{transform:rotate(-84deg)}}[data-demo=food] .sb-mascot[data-pose=wave] .sb-m-arm-r{animation:.5s ease-in-out infinite f-wave}[data-demo=food] .f-explode>*{transform:translateY(calc(var(--i) * -22px));transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s;transition-delay:calc(var(--i) * 60ms)}[data-demo=food] .f-explode[data-together]>*{transform:translateY(0)}[data-demo=food] .f-row{border-top:2px dotted var(--hair);padding-block:16px}[data-demo=food] .f-row-name{font-family:var(--font-anton), Impact, sans-serif;text-transform:uppercase;font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1}[data-demo=food] .f-row-gloss{color:var(--tinta-2);font-size:14px;line-height:1.6}[data-demo=food] .f-price{font-variant-numeric:tabular-nums;color:var(--tinta);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:17px;font-weight:600}[data-demo=food] .f-price-app{font-variant-numeric:tabular-nums;color:var(--rojo);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}[data-demo=food] .f-gone .f-row-name,[data-demo=food] .f-gone .f-price{opacity:.55;text-decoration:line-through;text-decoration-thickness:2px}[data-demo=food] .f-prices{white-space:nowrap;align-items:baseline;gap:12px;display:flex}[data-demo=food] .f-anchor{scroll-margin-top:150px}[data-demo=food] .f-rail{z-index:30;background:var(--crema);border-bottom:2px solid var(--tinta);margin-inline:-18px;padding-inline:18px;position:sticky;top:86px}@media (min-width:768px){[data-demo=food] .f-rail{margin-inline:-30px;padding-inline:30px}}[data-demo=food] .f-rail-scroll{scrollbar-width:none;gap:8px;padding-block:10px;display:flex;overflow-x:auto}[data-demo=food] .f-rail-scroll::-webkit-scrollbar{display:none}[data-demo=food] .f-rail .f-chip{color:var(--tinta);flex:none}[data-demo=food] .f-left{background:var(--mostaza);border:2px solid var(--tinta);color:var(--tinta);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:4px 11px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;font-weight:600;display:inline-flex}[data-demo=food] .f-pick{border:2px solid var(--tinta);background:var(--crema-2);min-height:44px;padding:9px 15px;font-size:14px;transition:background .12s}[data-demo=food] .f-pick[aria-pressed=true]{background:var(--mostaza);box-shadow:3px 3px 0 var(--tinta)}[data-demo=food] .f-thumb-in{grid-template-columns:repeat(3,1fr);display:grid}[data-demo=food] .f-thumb a{min-height:62px;color:var(--crema);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:14px;font-weight:600;display:flex}[data-demo=food] .f-thumb a[data-primary]{background:var(--mostaza);color:var(--tinta)}[data-demo=food] .f-row{align-items:flex-start;gap:14px;display:flex}[data-demo=food] .f-row-photo{object-fit:cover;border:2px solid var(--tinta);flex:none;width:76px;height:76px}@media (min-width:640px){[data-demo=food] .f-row-photo{width:92px;height:92px}}[data-demo=food] .f-field{width:100%;min-height:50px;color:var(--tinta);background:var(--crema-2);border:2px solid var(--tinta);padding:13px 14px;font-size:15px}[data-demo=food] .f-field:focus{box-shadow:inset 0 0 0 3px var(--mostaza);outline:none}[data-demo=food] .f-thumb{inset-inline:0;z-index:70;background:var(--verde-deep);border-top:2px solid var(--crema);position:fixed;bottom:0}[data-demo=food] a:focus-visible,[data-demo=food] button:focus-visible,[data-demo=food] input:focus-visible,[data-demo=food] select:focus-visible,[data-demo=food] textarea:focus-visible{outline:3px solid var(--mostaza);outline-offset:2px}@media (prefers-reduced-motion:reduce){[data-demo=food] *,[data-demo=food] :before,[data-demo=food] :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-demo=food] .f-explode>*{transform:translateY(0)!important}}