@font-face{font-family:"Bebas";src:url(fonts/bebas.woff2) format("woff2");font-display:swap}
@font-face{font-family:"Pop";src:url(fonts/poppins-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Pop";src:url(fonts/poppins-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--rb:44px;--red:#E4002B;--deep:#B0001F;--ink:#1c1414;--cream:#FFF6EE;--muted:#6f6262}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden;padding-top:var(--rb)}
img{max-width:100%;display:block}
a{color:inherit}
.ribbon{position:fixed;top:0;left:0;right:0;z-index:50;background:#141010;color:#fff;font:600 11px/1.3 Inter;text-align:center;padding:0 12px;height:var(--rb);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-decoration:none;letter-spacing:.01em}
.ribbon span{color:#ffb3c0;margin-left:6px;white-space:nowrap}
.ribbon{flex-direction:row}
.nav{position:sticky;top:var(--rb);z-index:40;display:flex;align-items:center;gap:14px;padding:12px 18px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #f1e9e9}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;margin-right:auto}
.mark{width:30px;height:30px;border-radius:9px;background:var(--red);position:relative;flex:none}
.mark:after{content:"";position:absolute;inset:7px 7px 7px 7px;border-radius:50% 50% 50% 4px;background:#fff;transform:rotate(-45deg)}
.mark.sm{width:20px;height:20px;border-radius:6px}.mark.sm:after{inset:5px}
.word{font:700 22px/1 Pop,Inter,sans-serif;color:var(--red);letter-spacing:-.02em}
.links{display:none;gap:26px;font:600 14px Inter}
.links a{text-decoration:none;color:#3a2e2e}.links a:hover{color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;text-decoration:none;font:700 15px Inter;padding:14px 22px;border-radius:999px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px -10px rgba(228,0,43,.6)}
.btn:hover{transform:translateY(-2px)}
.btn-sm{display:none;padding:10px 16px;font-size:13px}
.btn-ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}
.btn-light{background:#fff;color:var(--red);box-shadow:none}
.burger{width:42px;height:42px;border:0;background:#f6efef;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}
.burger i{width:18px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}
.nav.open .links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid #eee;padding:6px 18px 14px}
.nav.open .links a{padding:12px 0;border-bottom:1px solid #f4eeee}
.nav.open .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav.open .burger i:nth-child(2){opacity:0}.nav.open .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.eyebrow{font:700 12px Inter;letter-spacing:.22em;text-transform:uppercase;color:#ffd0d8;margin-bottom:12px}
.eyebrow.dark{color:var(--red)}
.hero{background:radial-gradient(900px 500px at 85% 20%,#ff2a4d 0%,rgba(255,42,77,0) 60%),var(--red);color:#fff;padding:40px 18px 44px;display:grid;gap:28px;overflow:hidden}
.hero h1{font:400 64px/.92 Bebas,Impact,sans-serif;letter-spacing:.01em}
.hero h1 span{color:#ffe1a8}
.lead{font-size:16px;line-height:1.6;opacity:.93;margin:16px 0 24px;max-width:520px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.hero .btn:not(.btn-ghost){background:#fff;color:var(--red);box-shadow:0 14px 30px -14px rgba(0,0,0,.45)}
.hero-img{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(60,0,10,.7)}
.hero-img img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.sticker{position:absolute;right:14px;top:14px;width:84px;height:84px;border-radius:50%;background:#ffe1a8;color:var(--deep);display:grid;place-items:center;text-align:center;font:400 22px/.95 Bebas,sans-serif;transform:rotate(10deg);box-shadow:0 10px 20px -8px rgba(0,0,0,.35)}
section{scroll-margin-top:110px}
.menu,.branches{padding:64px 18px}
.head{max-width:680px;margin-bottom:26px}
h2{font:700 30px/1.12 Pop,Inter,sans-serif;letter-spacing:-.02em}
.sub{color:var(--muted);margin-top:10px;line-height:1.55}
.tabs{display:flex;gap:8px;margin-bottom:22px}
.tab{border:0;background:#f6efef;font:600 14px Inter;padding:10px 18px;border-radius:999px;cursor:pointer;color:#3a2e2e}
.tab.on{background:var(--ink);color:#fff}
.cards{display:grid;grid-template-columns:1fr;gap:16px}
.card{border-radius:22px;overflow:hidden;background:var(--cream);transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(120,0,20,.45)}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.card.hide{display:none}
.ci{padding:16px 18px 20px}
.pill{display:inline-block;font:700 10.5px Inter;letter-spacing:.12em;text-transform:uppercase;color:var(--red);background:#ffe3e8;padding:5px 9px;border-radius:7px}
.ci h3{font:700 19px Pop,Inter;margin:10px 0 4px}
.ci p{color:var(--muted);font-size:14.5px;line-height:1.5}
.sauce{background:var(--ink);color:#fff;display:grid;gap:0}
.sauce-img img{width:100%;aspect-ratio:1/1;object-fit:cover}
.sauce-txt{padding:40px 18px 52px}
.sauce-txt h2{font:400 52px/.95 Bebas,sans-serif;letter-spacing:.01em;font-weight:400}
.sauce-txt p:not(.eyebrow){color:#d8cccc;line-height:1.6;margin:14px 0 24px}
.finder{display:grid;gap:16px}
.panel{background:#fff;border:1px solid #f0e6e6;border-radius:22px;padding:16px;box-shadow:0 20px 40px -30px rgba(0,0,0,.3)}
.search{display:flex;align-items:center;gap:10px;background:#f7f2f2;border-radius:14px;padding:13px 14px;color:#8a7c7c;font-size:14.5px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.chip{border:1.5px solid #eadede;background:#fff;border-radius:999px;padding:7px 14px;font:600 13px Inter;cursor:pointer;color:#3a2e2e}
.chip.on{border-color:var(--red);color:var(--red);background:#fff4f6}
.list{list-style:none;display:grid;gap:8px}
.list li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:13px 14px;border-radius:14px;background:#faf7f7;cursor:pointer}
.list li.on{background:#fff0f3;box-shadow:inset 0 0 0 1.5px var(--red)}
.list b{font:600 15px Pop,Inter}.list span{grid-column:1;color:var(--muted);font-size:13px}
.list em{grid-row:1/3;grid-column:2;align-self:center;font:700 11.5px Inter;font-style:normal;color:#127a3c;background:#e3f5ea;padding:5px 9px;border-radius:7px}
.list em.late{color:#8a5a00;background:#fff1d6}
.map{position:relative;border-radius:22px;overflow:hidden;min-height:280px;background:#f2efe9}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.maptag{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);font:600 11.5px Inter;padding:6px 10px;border-radius:8px;color:#5c5050}
.pin{animation:bob 2.4s ease-in-out infinite}
@keyframes bob{50%{transform:translate(300px,222px)}}
.app{background:linear-gradient(135deg,#fff3e9,#ffe3e8);padding:60px 18px 0;display:grid;gap:30px;overflow:hidden}
.app .eyebrow{color:var(--red)}
.app-txt p:not(.eyebrow){color:var(--muted);line-height:1.6;margin:12px 0 22px}
.stores{display:flex;flex-wrap:wrap;gap:10px}
.store{display:inline-flex;flex-direction:column;background:var(--ink);color:#fff;border-radius:14px;padding:9px 18px;font:700 16px Pop,Inter;cursor:not-allowed;opacity:.92}
.store small{font:500 10.5px Inter;opacity:.7;letter-spacing:.04em}
.phone{justify-self:center;width:260px;height:400px;border-radius:40px 40px 0 0;background:#141010;padding:10px 10px 0;box-shadow:0 30px 60px -30px rgba(80,0,20,.6)}
.scr{background:#fff;border-radius:31px 31px 0 0;height:100%;overflow:hidden;padding:16px 14px}
.pbar{display:flex;align-items:center;gap:8px;font:700 16px Pop;color:var(--red);margin:6px 0 12px}
.scr img{border-radius:16px;aspect-ratio:4/3;object-fit:cover;width:100%}
.prow{margin:12px 2px;display:grid}.prow b{font:600 15px Pop}.prow span{font-size:12.5px;color:var(--muted)}
.pbtn{background:var(--red);color:#fff;border-radius:14px;text-align:center;padding:12px;font:700 14px Inter}
.foot{background:#141010;color:#cfc4c4;padding:44px 18px 60px;display:grid;gap:12px}
.fbrand{display:flex;align-items:center;gap:9px}.fbrand .word{color:#fff}
.flabel{font:700 14px Inter;color:#fff;background:rgba(228,0,43,.18);border:1px solid rgba(228,0,43,.5);padding:10px 14px;border-radius:12px;justify-self:start}
.fsmall{font-size:13px;line-height:1.6;max-width:640px}
.fsmall a{color:#ffb3c0}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.pin{animation:none}.btn,.card{transition:none}}
@media (min-width:760px){
 .cards{grid-template-columns:1fr 1fr}
 .hero h1{font-size:96px}
 .finder{grid-template-columns:380px 1fr}
 .map{min-height:400px}
}
@media (min-width:1024px){
 :root{--rb:34px}
 .ribbon{font-size:11.5px}
 .nav{padding:14px 56px}
 .links{display:flex}.btn-sm{display:inline-flex}.burger{display:none}
 .hero{grid-template-columns:1.02fr 1fr;align-items:center;padding:56px 56px 72px;gap:56px;min-height:calc(100vh - 104px)}
 .hero h1{font-size:128px}
 .lead{font-size:18px}
 .menu,.branches{padding:96px 56px}
 h2{font-size:42px}
 .cards{grid-template-columns:repeat(4,1fr);gap:20px}
 .sauce{grid-template-columns:1fr 1fr;align-items:center}
 .sauce-img img{aspect-ratio:auto;height:560px}
 .sauce-txt{padding:56px 72px}
 .sauce-txt h2{font-size:84px}
 .app{grid-template-columns:1.1fr .9fr;padding:80px 56px 0;align-items:center}
 .app-txt{padding-bottom:70px}
 .phone{width:300px;height:460px}
 .foot{padding:56px 56px 64px;grid-template-columns:1fr 1fr;align-items:start}
 .flabel{justify-self:end}
 .fsmall{grid-column:1/3}
}