@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=DM+Serif+Text&display=swap');
:root{color-scheme:dark;--cream:#fff2dd;--red:#ff563b;--line:#49352d;background:#140f0d;color:var(--cream);font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth}a{color:inherit;text-underline-offset:.28em}a:hover{color:var(--red)}header{display:flex;justify-content:space-between;align-items:center;padding:1rem max(5vw,1rem);gap:1rem;border-bottom:1px solid var(--line)}nav,.links{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}nav a,.brand,.button{text-decoration:none}.brand{font-weight:700;letter-spacing:.13em;display:inline-flex;align-items:center;gap:.65rem}.brand i{display:grid;place-items:center;width:2.2rem;height:1.8rem;border-block:3px solid var(--red);border-radius:45% 45% 35% 35%;color:var(--red);font:bold italic 1.4rem Georgia}.hero{min-height:min(680px,85vh);display:grid;align-items:center;padding:4rem 7vw;background:linear-gradient(90deg,#140f0d 0%,#140f0d24 76%),url(hero.png) center/cover}.eyebrow{letter-spacing:.2em;color:#efad76;font-weight:700}h1,h2,h3{font-family:'DM Serif Text',Georgia,serif;font-weight:400;margin:0}h1{font-size:clamp(4rem,11vw,9rem);line-height:.85}h1 em{color:var(--red);font-style:normal}h2{font-size:clamp(3rem,7vw,5rem);margin-bottom:1rem}h3{font-size:1.55rem}.button{display:inline-block;background:var(--red);color:#180e0b;font-weight:700;padding:.85rem 1.2rem;border-radius:.25rem}.button:hover{background:var(--cream);color:#180e0b}.wrap{max-width:1200px;margin:auto;padding:4rem 5vw}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,265px),1fr));gap:1rem}article,.qr{border:1px solid var(--line);background:#211611;padding:1.5rem;border-radius:.65rem}article strong{display:block;color:var(--red);font-size:1.5rem;margin-top:.5rem}article small,address{color:#ead0bb}.qr{display:flex;align-items:center;gap:1.25rem;margin-top:1rem}.qr img{display:block;border-radius:.25rem}.contact,footer{border-top:1px solid var(--line)}address{font-style:normal}.links{margin-top:1rem}@media(max-width:620px){header{align-items:flex-start;flex-direction:column}nav{gap:.8rem}.hero{min-height:580px;align-items:end;background-position:center,right 28% top;background-size:cover,auto 75%;background-repeat:no-repeat;background-image:linear-gradient(0deg,#140f0d 10%,#140f0d55 55%,transparent 100%),url(hero.png)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
nav a{display:inline-flex;align-items:center;gap:.4rem}nav svg{width:1.1rem;height:1.1rem;fill:none;stroke:var(--red);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.header-qr{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:700;white-space:nowrap}.header-qr img{border-radius:.25rem;background:white}.menu-page h1{font-size:clamp(3rem,7vw,5rem);line-height:1.1;margin-bottom:1.25rem}nav a[aria-current]{color:var(--red)}
.hero{position:relative;isolation:isolate;overflow:hidden}.hero>div{position:relative;z-index:1}.smoke,.embers{position:absolute;pointer-events:none;inset:0}.smoke{background:radial-gradient(ellipse at 76% 93%,#ff571d55,transparent 40%),radial-gradient(ellipse at 73% 30%,#d1a18538,transparent 34%),radial-gradient(ellipse at 86% 55%,#ff51202b,transparent 29%);mix-blend-mode:screen}.embers{background:radial-gradient(circle at 63% 75%,#ffd28f 1px,transparent 4px),radial-gradient(circle at 89% 22%,#ff7435 1px,transparent 4px),radial-gradient(circle at 93% 63%,#ffc47d 1px,transparent 4px),radial-gradient(circle at 74% 87%,#ff7435 1px,transparent 5px),radial-gradient(circle at 55% 59%,#ff9d49 1px,transparent 4px),radial-gradient(circle at 85% 79%,#ffb764 1px,transparent 5px);filter:drop-shadow(0 0 5px #ff591c);animation:ember-glow 4s ease-in-out infinite alternate}@keyframes ember-glow{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){.embers{animation:none}}@media(max-width:620px){header{display:grid;grid-template-columns:1fr auto;align-items:center}header nav{grid-row:2;grid-column:1/-1}.header-qr img{width:46px;height:46px}}
/* Decorative layers leave the hero content and links in the foreground. */
.smoke{inset:-18%;background:radial-gradient(ellipse at 77% 47%,#dcb29c52,transparent 19%),radial-gradient(ellipse at 65% 62%,#d09e8445,transparent 22%),radial-gradient(ellipse at 90% 65%,#c678584e,transparent 20%);filter:blur(23px);animation:smoke-drift 11s ease-in-out infinite alternate}
.flames{position:absolute;inset:45% -10% -20% 32%;pointer-events:none;background:radial-gradient(ellipse at 35% 92%,#ff421cc9,transparent 40%),radial-gradient(ellipse at 54% 97%,#ff9b46b8,transparent 29%),radial-gradient(ellipse at 75% 88%,#f53022b8,transparent 42%);mix-blend-mode:screen;filter:blur(12px);transform-origin:bottom;animation:fire-flicker 3s ease-in-out infinite alternate}
.embers{animation:ember-rise 4s linear infinite}
.embers::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 88%,#fff5cd 1px,transparent 4px),radial-gradient(circle at 85% 69%,#ff712b 1px,transparent 4px),radial-gradient(circle at 94% 85%,#ffa35a 1px,transparent 4px);animation:ember-rise 3s linear infinite}
@keyframes smoke-drift{from{transform:translate(4%,8%) scale(.98);opacity:.42}to{transform:translate(-8%,-10%) scale(1.13);opacity:.85}}
@keyframes fire-flicker{0%,70%{transform:scaleY(.82) skewX(-4deg);opacity:.55}35%,100%{transform:scaleY(1.13) skewX(5deg);opacity:.88}}
@keyframes ember-rise{0%{opacity:0;transform:translate(12px,35px)}22%{opacity:.95}100%{opacity:0;transform:translate(-22px,-85px)}}
.menu-page article{overflow:hidden}.menu-page article img{display:block;width:calc(100% + 3rem);max-width:none;aspect-ratio:1.45;object-fit:cover;margin:-1.5rem -1.5rem 1.2rem}
@media(prefers-reduced-motion:reduce){.smoke,.embers,.embers::after{animation:none}}
.hero .smoke{inset:0;background:none;filter:none;animation:none}
.smoke::before,.smoke::after{content:"";position:absolute;left:58%;bottom:22%;width:34%;height:55%;background:radial-gradient(ellipse at 25% 75%,#ffe3ca90,transparent 34%),radial-gradient(ellipse at 63% 53%,#dcc4b99c,transparent 38%),radial-gradient(ellipse at 49% 18%,#fff3e075,transparent 35%);filter:blur(13px);animation:visible-smoke 6s linear infinite}
.smoke::after{animation-delay:-3s}
@keyframes visible-smoke{0%{transform:translate(10%,22%) scale(.65);opacity:0}25%{opacity:.9}70%{opacity:.65}100%{transform:translate(-35%,-60%) scale(1.35);opacity:0}}
.flames::after{opacity:.65;animation-delay:-.45s;scale:1 .75}
@media(prefers-reduced-motion:reduce){.smoke::before,.smoke::after{animation:none}}
.embers::before,.embers::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 54% 89%,#ffc17a 1px,transparent 3px),radial-gradient(circle at 61% 71%,#ff833e 1px,transparent 3px),radial-gradient(circle at 66% 95%,#ffd48a 1px,transparent 4px),radial-gradient(circle at 73% 79%,#ff8c42 1px,transparent 3px),radial-gradient(circle at 80% 92%,#ffd28f 1px,transparent 4px),radial-gradient(circle at 87% 63%,#ff8c42 1px,transparent 3px),radial-gradient(circle at 92% 81%,#ffd28f 1px,transparent 3px),radial-gradient(circle at 97% 95%,#ff8c42 1px,transparent 3px)}
.embers::after{background-position:22px -55px}
/* Fade the smoke before it reaches the burger in the hero photo. */
.hero .smoke{mask-image:linear-gradient(to bottom,#000 12%,#000 23%,transparent 34%)}
.smoke::before,.smoke::after{left:63%;bottom:48%}
@media(max-width:620px){.hero .smoke{mask-image:linear-gradient(to bottom,#000 10%,#000 19%,transparent 28%)}.smoke::before,.smoke::after{left:54%;bottom:54%;width:45%}}
.hero .smoke{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 40%,transparent 62%)}
.smoke::before,.smoke::after{bottom:27%;left:55%;width:18%;height:48%}
.smoke::after{left:68%}
@keyframes visible-smoke{
  0%{transform:translateY(22%) scale(.8);opacity:0}
  24%{opacity:.82}
  72%{opacity:.65}
  100%{transform:translateY(-65%) scale(1.2);opacity:0}
}
@media(max-width:620px){.hero .smoke{mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 36%,transparent 56%)}.smoke::before,.smoke::after{left:50%;width:23%}.smoke::after{left:67%}}
.hero .embers,.hero .embers::after{animation:ember-rise 4s linear infinite}
.hero .embers::before{animation:ember-rise 3s -1.3s linear infinite}
.hero .embers::after{animation-delay:-2.4s}
.header-qrs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.7rem 1rem}
@media(max-width:620px){
  header{grid-template-columns:1fr}
  header nav{grid-row:auto;grid-column:auto}
  .header-qrs{justify-content:flex-start}
}
.header-qrs{flex:0 0 auto;flex-wrap:nowrap;gap:clamp(.5rem,1.5vw,1rem)}
@media(max-width:420px){.header-qrs .header-qr{gap:.35rem;font-size:.8rem}.header-qrs img{width:38px;height:38px}}
header nav{flex-wrap:nowrap;white-space:nowrap}
@media(min-width:621px) and (max-width:800px){header{flex-wrap:wrap}}