:root{
  --red:#ef1515;
  --red-dark:#c90707;
  --ink:#090909;
  --cream:#fff8ee;
  --paper:#f4eee5;
  --white:#ffffff;
  --cyan:#35dde4;
  --yellow:#ffb21a;
  --green:#38df63;
  --line:rgba(0,0,0,.18);
  --radius:30px;
  --display:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  --body:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%;display:block}
::selection{background:var(--ink);color:var(--white)}
.section-pad{padding:110px max(24px,calc((100vw - 1320px)/2))}

.site-header{position:fixed;z-index:90;left:0;right:0;top:18px;padding:0 22px;pointer-events:none}
.nav-pill{max-width:1020px;margin:auto;height:70px;padding:8px 10px 8px 8px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(0,0,0,.18);backdrop-filter:blur(15px);display:flex;align-items:center;gap:18px;pointer-events:auto;border:1px solid rgba(0,0,0,.08)}
.menu-toggle{width:52px;height:52px;border:0;border-radius:50%;background:var(--ink);display:none;place-content:center;gap:4px;cursor:pointer}
.menu-toggle span{width:20px;height:2px;background:#fff;display:block;border-radius:999px;transition:.25s}
.brand{width:112px;height:52px;display:flex;align-items:center;justify-content:center;overflow:visible;flex:0 0 auto}
.brand img{width:auto;height:46px;max-width:100%;object-fit:contain;object-position:center}
.nav-links{display:flex;gap:24px;margin-left:auto;font-size:14px;font-weight:800}
.nav-links a{position:relative}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--red);transition:.2s}
.nav-links a:hover:after{right:0}
.nav-cta{background:var(--red);color:#fff;font-weight:900;padding:16px 22px;border-radius:999px;text-transform:uppercase;font-size:13px;letter-spacing:.03em}
.nav-cta span{margin-left:7px}

.hero{min-height:850px;background:var(--red);position:relative;overflow:hidden;padding-top:155px;padding-bottom:80px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:44px 44px;opacity:.35}
.hero-copy,.hero-visual{position:relative;z-index:2}
.eyebrow{font-size:13px;letter-spacing:.14em;font-weight:900;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin:0 0 22px}
.eyebrow.light{color:#fff}
.dot{width:9px;height:9px;border-radius:50%;background:currentColor;display:inline-block}
h1,h2,h3{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.035em;margin:0;line-height:.86}
.hero h1{font-size:clamp(82px,10vw,160px);color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.08)}
.hero h1 span{color:var(--ink)}
.hero-lede{max-width:600px;color:#fff;font-size:19px;line-height:1.55;margin:30px 0 0;font-weight:600}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.button{border:0;border-radius:999px;padding:17px 24px;font-size:14px;font-weight:950;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:22px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,0,0,.15)}
.button-light{background:#fff;color:#111}
.button-dark{background:#111;color:#fff}
.button-red{background:var(--red);color:#fff}
.hero-mini-stats{display:flex;gap:12px;margin-top:42px}
.hero-mini-stats div{min-width:120px;padding:12px 16px;border-left:2px solid rgba(255,255,255,.35)}
.hero-mini-stats strong{font-family:var(--display);font-size:27px;color:#fff;display:block;letter-spacing:.02em}
.hero-mini-stats span{font-size:11px;color:rgba(255,255,255,.7);text-transform:uppercase;font-weight:800;letter-spacing:.08em}
.hero-visual{min-height:600px;display:grid;place-items:center}
.burger-frame{width:min(530px,86%);aspect-ratio:1/1.03;border-radius:48% 48% 24% 24%;overflow:hidden;transform:rotate(-2deg);box-shadow:0 50px 70px rgba(0,0,0,.3);border:6px solid rgba(255,255,255,.18);position:relative;z-index:2;background:#111}
.burger-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 49%}
.hero-ring{position:absolute;border:2px solid rgba(255,255,255,.45);border-radius:50%}
.ring-one{width:590px;height:590px;transform:rotate(20deg)}
.ring-two{width:470px;height:650px;transform:rotate(-28deg)}
.sticker{position:absolute;z-index:4;border-radius:50%;display:grid;place-content:center;text-align:center;font-family:var(--display);line-height:.9;box-shadow:0 16px 30px rgba(0,0,0,.22)}
.sticker-local{width:126px;height:126px;background:#fff;color:var(--red);right:2%;top:9%;font-size:22px;transform:rotate(8deg)}
.sticker-price{width:115px;height:115px;background:var(--ink);color:#fff;left:4%;bottom:13%;font-size:20px;transform:rotate(-10deg)}
.sticker-price strong{font-size:31px;color:var(--yellow)}
.hero-word{position:absolute;left:-12px;right:-12px;bottom:-25px;font-family:var(--display);font-size:clamp(160px,22vw,350px);line-height:.7;color:rgba(0,0,0,.09);letter-spacing:-.045em;text-align:center;pointer-events:none;white-space:nowrap}

.marquee{height:76px;background:var(--ink);color:#fff;border-top:5px solid #fff;border-bottom:5px solid #fff;overflow:hidden;display:flex;align-items:center}
.marquee-track{display:flex;align-items:center;gap:28px;min-width:max-content;animation:marquee 24s linear infinite;font-family:var(--display);font-size:29px;letter-spacing:.04em}
.marquee-track i{font-style:normal;color:var(--red)}
@keyframes marquee{to{transform:translateX(-50%)}}

.spotlight{background:var(--cream)}
.spotlight-card{background:#111;color:#fff;border-radius:40px;min-height:560px;overflow:hidden;display:grid;grid-template-columns:1fr .9fr;position:relative}
.spotlight-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(239,21,21,.34),transparent 40%);pointer-events:none}
.spotlight-copy{padding:64px;position:relative;z-index:2;align-self:center}
.spotlight h2{font-size:clamp(65px,7vw,108px);color:#fff}
.spotlight h2::first-line{color:var(--red)}
.spotlight-copy p:not(.eyebrow){max-width:570px;font-size:18px;line-height:1.6;color:#d9d9d9;margin:26px 0}
.spotlight-image{position:relative;display:grid;place-items:center;min-height:520px;overflow:hidden}
.spotlight-image img{width:82%;border-radius:22px;transform:rotate(4deg);box-shadow:0 30px 60px rgba(0,0,0,.5);position:relative;z-index:1}

.menu-section{background:#fff}
.section-heading{display:grid;grid-template-columns:1.2fr .8fr;column-gap:40px;align-items:end;margin-bottom:54px}
.section-heading .eyebrow{grid-column:1/-1}
.section-heading h2{font-size:clamp(65px,8vw,115px)}
.section-heading h2 span{color:var(--red)}
.section-heading>p:last-child{font-size:18px;line-height:1.6;max-width:470px;justify-self:end;margin:0;color:#4d4d4d}
.section-heading.light{color:#fff}
.section-heading.light h2 span{color:var(--red)}
.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.menu-card{border:2px solid #111;border-radius:22px;overflow:hidden;min-height:620px;height:100%;display:grid;grid-template-rows:auto 270px minmax(0,1fr);transition:transform .25s,box-shadow .25s}
.menu-card:hover{transform:translateY(-8px) rotate(-.4deg);box-shadow:0 20px 30px rgba(0,0,0,.13)}
.menu-card.cyan{background:var(--cyan)}.menu-card.yellow{background:var(--yellow)}.menu-card.green{background:var(--green)}.menu-card.red{background:#ff3131}
.menu-card-top{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 0;font-weight:900}
.menu-card-top strong{font-family:var(--display);font-size:30px}
.tag{background:#fff;border:1px solid #111;border-radius:999px;padding:7px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.menu-photo{width:calc(100% - 28px);height:270px;margin:10px 14px 14px;border-radius:16px;border:2px solid #111;background-image:url('assets/hero-burger.jpg');background-size:cover;background-position:center;align-self:start}
.photo-barbe{background-image:url('assets/barbebill.png');background-position:center 67%}
.photo-chicken{background-image:url('assets/chicken-boss.png');background-position:center 67%}
.photo-cheesy{background-image:url('assets/cheesy-fries.png');background-position:center 67%}
.photo-smash{background-image:url('assets/smash-burger.png');background-position:center 67%}
.menu-card-content{background:#fff;margin-top:0;border-top:2px solid #111;padding:22px 18px 20px;display:flex;flex-direction:column;min-height:0}
.menu-card-content .price-row:first-of-type{margin-top:auto}
.menu-card h3{font-size:36px;line-height:1}
.menu-card p{font-size:13px;line-height:1.45;min-height:56px;color:#454545}
.price-row{display:flex;justify-content:space-between;align-items:center;padding-top:10px;margin-top:10px;border-top:1px solid #ddd;font-size:13px}
.price-row strong{font-family:var(--display);font-size:24px}
.menu-cta{margin-top:30px;padding:24px 28px;border-radius:24px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #ddd}
.menu-cta>div{display:flex;flex-direction:column;gap:4px}.menu-cta strong{font-family:var(--display);font-size:30px;text-transform:uppercase}.menu-cta span{color:#565656}

.story{background:var(--paper);display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:center}
.story-photo{position:relative}
.story-photo img{width:100%;border-radius:26px;filter:saturate(.9) contrast(1.06);box-shadow:0 24px 50px rgba(0,0,0,.16)}
.photo-caption{position:absolute;left:20px;bottom:20px;background:#fff;padding:13px 18px;border-radius:999px;font-size:12px;font-weight:900;text-transform:uppercase}
.story-copy h2{font-size:clamp(65px,7vw,105px)}
.story-copy h2 span{color:var(--red)}
.story-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#444;max-width:690px}
.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}
.values-grid div{background:#fff;border-radius:18px;padding:20px;border:1px solid rgba(0,0,0,.08)}
.values-grid span{font-family:var(--display);color:var(--red);font-size:22px}.values-grid strong{display:block;font-family:var(--display);font-size:27px;text-transform:uppercase;margin:6px 0}.values-grid p{font-size:13px;line-height:1.5;color:#555;margin:0}

.locations{background:#101010;color:#fff;position:relative;overflow:hidden}
.locations:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#151515 25%,transparent 25%),linear-gradient(-45deg,#151515 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#151515 75%),linear-gradient(-45deg,transparent 75%,#151515 75%);background-size:42px 42px;background-position:0 0,0 21px,21px -21px,-21px 0;opacity:.35}
.locations>*{position:relative;z-index:1}
.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.location-card{border-radius:28px;background:#1b1b1b;padding:34px;border:1px solid #2e2e2e;min-height:430px;display:flex;flex-direction:column;transition:.25s}
.location-card:hover{transform:translateY(-6px);border-color:var(--red)}
.location-index{font-family:var(--display);font-size:58px;color:var(--red);line-height:1}
.location-town{text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.16em;color:#aaa;margin:16px 0 6px}
.location-card h3{font-size:46px;line-height:1;color:#fff}
.location-card>p:not(.location-town){line-height:1.5;color:#c7c7c7;min-height:65px}
.location-info{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #343434;font-size:13px}.location-info span{color:#8b8b8b}.location-info strong{text-align:right}
.location-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;background:var(--red);padding:14px 18px;border-radius:999px;font-weight:900;text-transform:uppercase;font-size:12px}
.hours-note{color:#777;font-size:12px;margin:18px 4px 0}

.social{background:#fff}
.social-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.social-copy h2{font-size:clamp(65px,7vw,105px)}.social-copy h2 span{color:var(--red)}
.social-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:620px;color:#555}
.social-links{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.social-links a{border:2px solid #111;border-radius:999px;padding:13px 18px;font-weight:900;text-transform:uppercase;font-size:12px}.social-links a:hover{background:#111;color:#fff}
.hashtag{font-family:var(--display);font-size:clamp(44px,6vw,86px);color:#e9e9e9;letter-spacing:-.02em}
.social-art{background:var(--red);padding:24px;border-radius:34px;transform:rotate(2deg);box-shadow:0 28px 50px rgba(0,0,0,.15)}
.social-art img{border-radius:20px;width:100%}

.contact{background:var(--red);color:#fff;text-align:center;padding-top:130px;padding-bottom:130px}
.contact-inner{max-width:1000px;margin:auto}
.contact h2{font-size:clamp(78px,10vw,150px);line-height:.85}.contact h2 span{color:#111}
.contact-phone{display:inline-flex;align-items:center;gap:30px;margin-top:38px;background:#fff;color:#111;border-radius:999px;padding:18px 28px;font-family:var(--display);font-size:clamp(28px,4vw,50px);transition:.2s}.contact-phone:hover{transform:scale(1.03)}
.contact-mail{display:block;margin-top:20px;font-size:16px;font-weight:800;text-decoration:underline;text-underline-offset:5px}

.footer{background:#070707;color:#fff;padding:65px max(24px,calc((100vw - 1320px)/2)) 30px}
.footer-brand img{width:150px;height:150px;object-fit:contain;margin-bottom:25px}
.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #252525;padding-top:30px}.footer-columns div{display:flex;flex-direction:column;gap:10px}.footer-columns strong{font-family:var(--display);font-size:26px;text-transform:uppercase;color:var(--red)}.footer-columns a{font-size:14px;color:#bbb}.footer-columns a:hover{color:#fff}
.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid #252525;display:flex;justify-content:space-between;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.06em}

.menu-modal{position:fixed;z-index:120;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(10px);display:none;overflow:auto;padding:24px}
.menu-modal.open{display:block}
.menu-modal-shell{max-width:1350px;margin:20px auto;background:#0d0d0d;border-radius:26px;padding:22px;position:relative;box-shadow:0 25px 90px rgba(0,0,0,.6)}
.modal-close{position:sticky;top:5px;float:right;z-index:2;width:48px;height:48px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:34px;cursor:pointer;line-height:1}
.menu-modal-head{padding:12px 70px 25px 12px;color:#fff;display:flex;flex-direction:column}.menu-modal-head span{font-family:var(--display);font-size:52px}.menu-modal-head small{color:#aaa;font-size:14px}
.menu-pages{display:grid;gap:18px}.menu-pages img{width:100%;border-radius:16px;background:#111}
.toast{position:fixed;z-index:200;left:50%;bottom:26px;transform:translate(-50%,120px);background:#fff;color:#111;border-radius:999px;padding:13px 18px;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:.25s}.toast.show{transform:translate(-50%,0)}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}

@media(max-width:1050px){
  .menu-toggle{display:grid}
  .nav-links{display:none}.nav-pill{max-width:690px}.nav-cta{margin-left:auto}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:150px}.hero-copy{text-align:center}.hero-lede{margin-left:auto;margin-right:auto}.hero-actions,.hero-mini-stats{justify-content:center}.hero-visual{min-height:550px}.hero-word{font-size:32vw}
  .menu-grid{grid-template-columns:1fr 1fr}.spotlight-card,.story,.social-grid{grid-template-columns:1fr}.spotlight-image{min-height:420px}.story-photo{max-width:700px;margin:auto}.location-grid{grid-template-columns:1fr}.location-card{min-height:0}.section-heading{grid-template-columns:1fr}.section-heading>p:last-child{justify-self:start;margin-top:18px}
}
@media(max-width:720px){
  .section-pad{padding:78px 18px}.site-header{top:10px;padding:0 10px}.nav-pill{height:60px;gap:8px;padding:5px}.menu-toggle{width:50px;height:50px}.brand{width:90px;height:50px}.brand img{width:auto;height:40px;max-width:100%}.nav-cta{padding:13px 15px;font-size:11px}
  .nav-pill.mobile-open{height:auto;border-radius:28px;align-items:flex-start;flex-wrap:wrap;padding-bottom:12px}.nav-pill.mobile-open .nav-links{display:flex;width:100%;order:5;flex-direction:column;gap:0;padding:0 12px}.nav-pill.mobile-open .nav-links a{padding:12px 0;border-top:1px solid #eee}
  .hero{padding-top:120px}.hero h1{font-size:clamp(66px,24vw,102px)}.hero-copy{text-align:left}.hero-actions,.hero-mini-stats{justify-content:flex-start}.hero-mini-stats{flex-wrap:wrap}.hero-mini-stats div{min-width:100px;padding-left:10px}.hero-lede{font-size:16px}.hero-visual{min-height:430px}.burger-frame{width:90%;border-radius:34% 34% 20% 20%}.ring-one{width:420px;height:420px}.ring-two{width:340px;height:490px}.sticker-local{width:98px;height:98px;font-size:17px;right:0}.sticker-price{width:92px;height:92px;font-size:15px;left:0}.sticker-price strong{font-size:25px}
  .marquee{height:60px}.marquee-track{font-size:24px}
  .spotlight-card{border-radius:26px}.spotlight-copy{padding:34px 24px}.spotlight h2,.story-copy h2,.section-heading h2,.social-copy h2{font-size:clamp(54px,18vw,82px)}.spotlight-image{min-height:330px}.spotlight-image img{width:88%}
  .menu-grid{grid-template-columns:1fr}.menu-card{min-height:590px}.menu-cta{align-items:flex-start;flex-direction:column}.menu-cta .button{width:100%}
  .story{gap:45px}.values-grid{grid-template-columns:1fr}.location-card{padding:26px}.location-card h3{font-size:40px}.social-grid{gap:38px}.social-art{padding:14px;border-radius:22px}
  .contact h2{font-size:clamp(62px,20vw,95px)}.contact-phone{font-size:28px;gap:15px}
  .footer-columns{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.menu-modal{padding:8px}.menu-modal-shell{padding:10px;border-radius:18px}.menu-modal-head span{font-size:38px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}