/* ══ HOME HEADER — Chad's design, built live (2026-10-10)
   Background and logo are Chad's own files, shown untouched (no crop on computers, no darkening, no filter).
   The menu, glass panel, words and buttons are real page elements laid over it at the exact positions of
   his design (1728 × 910 reference), sized in container units so the whole composition scales as one piece. */
.hero-shot { position: relative; padding: 0; background: #140b05; }
.hs-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* computers & landscape tablets */
.hs-wide { position: relative; overflow: hidden; }
/* short laptop screens (e.g. 1276x585): the whole design scales down to fit the screen height, the picture still fills the full width */
.hd { container-type: inline-size; position: relative; width: min(100%, calc(100svh * 2560 / 1350)); margin-inline: auto; aspect-ratio: 2560 / 1350; }
.hd-bg { position: absolute; top: 0; left: calc(50% - 50vw); width: 100vw; max-width: none; height: 100%; object-fit: cover; object-position: 50% 55%; display: block; }

/* menu pill */
.hd-nav { position: absolute; left: 2.662%; top: 2.418%; width: 94.676%; height: 9.121%; border-radius: 999px;
  background: linear-gradient(180deg, rgba(150,100,62,.30), rgba(96,58,30,.34));
  border: 1px solid rgba(255,206,140,.42);
  box-shadow: inset 0 1px 0 rgba(255,230,190,.42), inset 0 -1px 0 rgba(0,0,0,.18), 0 .6cqw 1.6cqw rgba(0,0,0,.22);
  -webkit-backdrop-filter: blur(10px) saturate(1.25); backdrop-filter: blur(10px) saturate(1.25); }
.hd-nav::after { content: ""; position: absolute; left: 30%; right: 30%; bottom: -.06cqw; height: .12cqw; border-radius: 1cqw; background: linear-gradient(90deg, rgba(255,200,120,0), rgba(255,214,140,.85), rgba(255,200,120,0)); box-shadow: 0 0 .8cqw rgba(255,170,70,.6); pointer-events: none; }
.hd-logo { position: absolute; left: 2.95%; top: 50%; transform: translateY(-50%); display: block; line-height: 0; }
.hd-logo img { height: 3.3cqw; width: auto; display: block; filter: drop-shadow(0 .1cqw .25cqw rgba(0,0,0,.45)); }
.hd-links { position: absolute; left: 37.27%; top: 0; bottom: 0; margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 1.65cqw; }
.hd-links a { position: relative; display: block; padding: 1.1cqw 0; font: 700 .9cqw/1 'Lato', sans-serif; letter-spacing: .05em; text-transform: uppercase;
  color: #F4E6CF; text-decoration: none; text-shadow: 0 .06cqw .2cqw rgba(0,0,0,.5); transition: color .2s ease; }
.hd-links li:last-child { margin-left: .58cqw; }
.hd-links a:hover, .hd-links a.is-current { color: #FFD88A; }
.hd-links a.is-current::after { content: ""; position: absolute; left: -.46cqw; right: -.46cqw; bottom: .02cqw; height: .12cqw;
  background: linear-gradient(90deg, rgba(240,180,70,0), #F0B446 18%, #F0B446 82%, rgba(240,180,70,0)); box-shadow: 0 0 .5cqw rgba(240,170,60,.7); }
.hd-links a.is-current::before { content: ""; position: absolute; left: 50%; bottom: -.17cqw; width: .42cqw; height: .42cqw; transform: translateX(-50%) rotate(45deg);
  background: #FFD27A; box-shadow: 0 0 .6cqw rgba(255,200,90,.9); }
.hd-shop { position: absolute; right: 2.6%; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; gap: 1.1cqw;
  width: 13.02cqw; height: 3.18cqw; border-radius: 999px; text-decoration: none;
  font: 900 .98cqw/1 'Lato', sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #fff;
  background: linear-gradient(180deg, #FF9026 0%, #F2680F 52%, #DE4C08 100%);
  border: .09cqw solid rgba(255,190,110,.95);
  box-shadow: inset 0 .1cqw 0 rgba(255,236,200,.75), 0 0 1.3cqw rgba(255,120,30,.55), 0 .3cqw .8cqw rgba(120,40,0,.35);
  text-shadow: 0 .06cqw .12cqw rgba(140,50,0,.45); transition: box-shadow .2s ease, filter .2s ease; }
.hd-shop svg { width: 1.3cqw; height: 1.3cqw; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.hd-shop:hover { filter: brightness(1.06); box-shadow: inset 0 .1cqw 0 rgba(255,236,200,.8), 0 0 1.9cqw rgba(255,130,40,.75), 0 .3cqw .8cqw rgba(120,40,0,.35); }

/* big logo (Chad's file) */
.hd-biglogo { position: absolute; left: 26.74%; top: 42.3%; height: 48.5%; width: auto; transform: translate(-50%, -50%);
  filter: drop-shadow(0 .5cqw 1.2cqw rgba(0,0,0,.45)); pointer-events: none; }

/* glass panel */
.hd-card { position: absolute; left: 48.90%; top: 17.58%; width: 46.99%; height: 73.08%; border-radius: 1.62cqw;
  background: linear-gradient(180deg, rgba(110,68,32,.46) 0%, rgba(90,52,22,.50) 55%, rgba(80,46,18,.46) 100%);
  border: .09cqw solid rgba(255,200,124,.62);
  box-shadow: inset 0 .1cqw 0 rgba(255,232,190,.55), inset 0 0 2.4cqw rgba(255,170,80,.10), 0 1.2cqw 3cqw rgba(0,0,0,.30);
  -webkit-backdrop-filter: blur(20px) saturate(1.15); backdrop-filter: blur(20px) saturate(1.15); }
.hd-card::before { content: ""; position: absolute; left: 22%; right: 22%; top: -.06cqw; height: .14cqw; border-radius: 1cqw;
  background: linear-gradient(90deg, rgba(255,220,150,0), rgba(255,226,160,.95), rgba(255,220,150,0)); box-shadow: 0 0 1cqw rgba(255,190,90,.7); }
.hd-eyebrow { position: absolute; left: 6.77cqw; top: 2.62cqw; margin: 0; font: 700 1cqw/1 'Lato', sans-serif; letter-spacing: .2em; text-transform: uppercase; color: #E9B450;
  text-shadow: 0 .06cqw .2cqw rgba(0,0,0,.45); white-space: nowrap; }
.hd-rule { position: absolute; left: 6.77cqw; top: 4.53cqw; width: 14.81cqw; height: .09cqw; background: linear-gradient(90deg, #E9B450, rgba(233,180,80,.85) 80%, rgba(233,180,80,.4)); }
.hd-rule::after { content: ""; position: absolute; left: 1.97cqw; top: 50%; width: .4cqw; height: .4cqw; transform: translate(-50%, -50%) rotate(45deg); background: #F6C964; box-shadow: 0 0 .4cqw #F6C964; }
.hd-title { position: absolute; left: 6.62cqw; top: 5.1cqw; margin: 0; font-family: 'Playfair Display', serif; font-weight: 700; font-size: 7.15cqw; line-height: .88; letter-spacing: -.012em; color: #FFF8EC; white-space: nowrap;
  text-shadow: 0 .12cqw .5cqw rgba(0,0,0,.35); }
.hd-title span, .hd-title em { display: block; }
.hd-title em { font-style: italic; color: #F5BC45; background: linear-gradient(180deg, #FFCE5C 0%, #F2B23A 60%, #E9A42E 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  text-shadow: none; filter: drop-shadow(0 .12cqw .4cqw rgba(0,0,0,.3)); }
.hd-tag { position: absolute; left: 6.77cqw; top: 18.75cqw; margin: 0; font-family: 'Playfair Display', serif; font-style: italic; font-weight: 400; font-size: 1.81cqw; line-height: 2.08cqw; color: #F7ECDD;
  text-shadow: 0 .08cqw .3cqw rgba(0,0,0,.55); white-space: nowrap; }
.hd-tag span { display: block; }
.hd-btn { position: absolute; top: 26.04cqw; display: flex; align-items: center; justify-content: center; gap: 1.6cqw; text-decoration: none; border-radius: .93cqw;
  font: 900 1.1cqw/1 'Lato', sans-serif; letter-spacing: .12em; text-transform: uppercase; transition: box-shadow .2s ease, filter .2s ease, background .2s ease; }
.hd-glass { left: 6.08cqw; width: 19.44cqw; height: 4.28cqw; color: #FFF4E4;
  background: linear-gradient(180deg, rgba(128,82,40,.30), rgba(70,40,16,.38)); border: .1cqw solid rgba(255,198,118,.78);
  box-shadow: inset 0 .1cqw 0 rgba(255,232,190,.45), 0 0 .9cqw rgba(255,160,60,.22); text-shadow: 0 .06cqw .2cqw rgba(0,0,0,.45); }
.hd-glass:hover { background: linear-gradient(180deg, rgba(150,96,46,.38), rgba(84,48,18,.44)); box-shadow: inset 0 .1cqw 0 rgba(255,232,190,.55), 0 0 1.4cqw rgba(255,170,70,.45); }
.hd-fire { left: 26.33cqw; width: 18.29cqw; height: 4.4cqw; color: #fff; gap: 2.1cqw;
  background: linear-gradient(180deg, #FF9026 0%, #F2680F 52%, #DE4C08 100%); border: .09cqw solid rgba(255,190,110,.95);
  box-shadow: inset 0 .1cqw 0 rgba(255,236,200,.75), 0 0 1.4cqw rgba(255,120,30,.55), 0 .3cqw .8cqw rgba(120,40,0,.3); text-shadow: 0 .06cqw .12cqw rgba(140,50,0,.45); }
.hd-fire svg { width: 1.45cqw; height: 1.45cqw; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.hd-fire:hover { filter: brightness(1.06); box-shadow: inset 0 .1cqw 0 rgba(255,236,200,.8), 0 0 2cqw rgba(255,130,40,.75), 0 .3cqw .8cqw rgba(120,40,0,.3); }
.hd-ticket { position: absolute; left: 6.08cqw; top: 31.31cqw; width: 38.54cqw; height: 6.08cqw; border-radius: 999px; padding: 0; margin: 0; cursor: pointer; text-align: left; color: inherit;
  background: linear-gradient(180deg, rgba(96,58,26,.34), rgba(58,32,12,.42)); border: .09cqw solid rgba(255,198,118,.5);
  box-shadow: inset 0 .1cqw 0 rgba(255,232,190,.35), 0 .4cqw 1.2cqw rgba(0,0,0,.18); transition: box-shadow .2s ease, background .2s ease; }
.hd-ticket:hover { box-shadow: inset 0 .1cqw 0 rgba(255,232,190,.45), 0 0 1.4cqw rgba(255,170,70,.4); }
.hd-play { position: absolute; left: 2.26cqw; top: 50%; width: 3.7cqw; height: 3.7cqw; transform: translateY(-50%); border-radius: 50%;
  background: radial-gradient(circle at 42% 34%, #FFE58A 0%, #F9C23A 45%, #E39A14 85%, #C27A0C 100%);
  box-shadow: 0 0 1.2cqw rgba(255,180,50,.65), inset 0 .1cqw 0 rgba(255,250,220,.8), inset 0 -.2cqw .4cqw rgba(150,80,0,.35); }
.hd-play::after { content: ""; position: absolute; left: 54%; top: 50%; transform: translate(-45%, -50%); border-style: solid; border-width: .62cqw 0 .62cqw 1cqw; border-color: transparent transparent transparent #3E2006; }
.hd-tsmall { position: absolute; left: 7.64cqw; top: 1.62cqw; font: 700 .87cqw/1 'Lato', sans-serif; letter-spacing: .15em; text-transform: uppercase; color: #ECDABE; white-space: nowrap; }
.hd-tbig { position: absolute; left: 7.58cqw; top: 2.65cqw; font: italic 700 2.05cqw/1 'Playfair Display', serif; color: #F6C24A; white-space: nowrap; text-shadow: 0 .08cqw .3cqw rgba(0,0,0,.4); }
.hd a:focus-visible, .hd button:focus-visible { outline: 2px solid #FFD27A; outline-offset: 3px; }

/* phones & upright tablets: Chad's phone picture, logo in the calm top, the same glass panel just below the steak */
.hs-narrow { display: none; }
.hs-wide { display: none; }
@media (min-width: 900px) and (min-aspect-ratio: 5/4) { .hs-wide { display: block; } }
@media not all and (min-width: 900px) and (min-aspect-ratio: 5/4) { .hs-narrow { display: block; } }
.hs-narrow { position: relative; overflow: hidden; background: #140b05; padding-bottom: 26px; isolation: isolate; }
.hn-pic { position: relative; height: min(177.78vw, 78svh); min-height: 420px; }
.hn-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; display: block; }
.hn-logo { position: absolute; left: 50%; top: calc(var(--nav-h, 64px) + 2.5%); transform: translateX(-50%); width: min(62vw, 360px); height: auto;
  filter: drop-shadow(0 6px 14px rgba(0,0,0,.45)); }
.hn-card { position: relative; z-index: 1; margin: -64px 14px 0; padding: 24px 20px 20px; border-radius: 22px;
  background: linear-gradient(180deg, rgba(118,74,36,.46), rgba(84,48,20,.56)); border: 1px solid rgba(255,200,124,.62);
  box-shadow: inset 0 1px 0 rgba(255,232,190,.55), 0 16px 40px rgba(0,0,0,.4);
  -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); }
.hn-card::before { content: ""; position: absolute; left: 22%; right: 22%; top: -1px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgba(255,220,150,0), rgba(255,226,160,.95), rgba(255,220,150,0)); }
.hn-eyebrow { margin: 0; padding-bottom: 10px; font: 700 .72rem/1.2 'Lato', sans-serif; letter-spacing: .3em; text-transform: uppercase; color: #E9B450; position: relative;
  background: linear-gradient(90deg, #E9B450, rgba(233,180,80,.4)) 0 100% / 70% 1px no-repeat; }
.hn-eyebrow::after { content: ""; position: absolute; left: 9%; bottom: -2px; width: 5px; height: 5px; transform: rotate(45deg); background: #F6C964; box-shadow: 0 0 6px #F6C964; }
.hn-title { margin: 14px 0 0; font: 700 clamp(2.6rem, 12.5vw, 4.4rem)/.95 'Playfair Display', serif; color: #FFF8EC; letter-spacing: -.012em; }
.hn-title span, .hn-title em { display: block; }
.hn-title em { font-style: italic; background: linear-gradient(180deg, #FFCE5C, #EBA62E); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.hn-tag { margin: 12px 0 18px; font: italic 400 clamp(1.02rem, 4.4vw, 1.3rem)/1.35 'Playfair Display', serif; color: #F7ECDD; }
.hn-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.hn-btn { display: flex; align-items: center; justify-content: center; gap: .55em; min-height: 52px; padding: 0 8px; border-radius: 14px; text-decoration: none; white-space: nowrap;
  font: 900 clamp(.68rem, 2.95vw, .85rem)/1 'Lato', sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.hn-glass { color: #FFF4E4; background: linear-gradient(180deg, rgba(128,82,40,.30), rgba(70,40,16,.40)); border: 1.5px solid rgba(255,198,118,.78); box-shadow: inset 0 1px 0 rgba(255,232,190,.45); }
.hn-fire { color: #fff; background: linear-gradient(180deg, #FF9A30, #F57418 50%, #E4580E); border: 1px solid rgba(255,190,110,.95);
  box-shadow: inset 0 1px 0 rgba(255,236,200,.75), 0 0 16px rgba(255,120,30,.5); }
.hn-fire svg { width: 1.25em; height: 1.25em; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.hn-ticket { display: flex; align-items: center; gap: 14px; width: 100%; margin-top: 12px; padding: 11px 16px; border-radius: 999px; cursor: pointer; text-align: left; color: inherit; font: inherit;
  background: linear-gradient(180deg, rgba(120,76,38,.26), rgba(64,36,14,.36)); border: 1.5px solid rgba(255,198,118,.5); }
.hn-play { flex: none; position: relative; width: 48px; height: 48px; border-radius: 50%; background: radial-gradient(circle at 42% 34%, #FFE58A, #F9C23A 45%, #E39A14 85%, #C27A0C);
  box-shadow: 0 0 14px rgba(255,180,50,.6), inset 0 1px 0 rgba(255,250,220,.8); }
.hn-play::after { content: ""; position: absolute; left: 54%; top: 50%; transform: translate(-45%, -50%); border-style: solid; border-width: 9px 0 9px 14px; border-color: transparent transparent transparent #3E2006; }
.hn-tcopy small { display: block; font: 700 clamp(.54rem, 2.4vw, .66rem)/1.3 'Lato', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: #ECDABE; white-space: nowrap; }
.hn-tcopy strong { display: block; font: italic 700 1.45rem/1.15 'Playfair Display', serif; color: #F6C24A; }
@media (min-width: 600px) { .hn-card { max-width: 620px; margin: -80px auto 0; padding: 32px 30px 26px; } .hn-logo { width: min(48vw, 420px); } }

/* the regular menu bar waits while the design's own menu is on screen; slides in once you scroll */
html.hs-top nav:has(.nav-logo) { opacity: 0; pointer-events: none; transform: translateY(-120%); }
nav:has(.nav-logo) { transition: transform .35s ease, opacity .35s ease, background .3s ease; }
html.hs-top .ask-fab { opacity: 0; pointer-events: none; }