/* MOE TRAIN EATS - design system v3. Broadcast network energy. Rockstar x food expert, zero filter.
   Mobile first. Anton = arena display, Barlow Condensed = broadcast headers, Archivo = body. */
:root{
  --ink:#0e0a07; --ink2:#1a110a; --ink3:#241708;
  --cream:#fff6e8; --smoke:#c9bba6; --muted:#8f8272;
  --fire:#e8380d; --fire2:#ff5a1f; --fire-deep:#a32406;
  --cheese:#ffb627; --cheese2:#ffd166;
  --line:rgba(255,246,232,.12);
  --font-d:'Anton','Barlow Condensed','Arial Narrow',sans-serif;
  --font-h:'Barlow Condensed','Arial Narrow',sans-serif;
  --font-b:'Archivo','Helvetica Neue',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--cream);font-family:var(--font-b);font-size:17px;line-height:1.6;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--cheese);text-decoration:none}
a:hover{color:var(--cheese2)}
h1,h2,h3,h4{font-family:var(--font-h);text-transform:uppercase;letter-spacing:.02em;line-height:.95;font-weight:700}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.section{padding:64px 0}
.section-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-h);font-size:15px;font-weight:700;letter-spacing:.28em;color:var(--fire2);text-transform:uppercase;margin-bottom:12px}
.section-kicker::before{content:"";width:38px;height:3px;flex:none;background:linear-gradient(90deg,var(--fire),var(--cheese));box-shadow:0 0 12px rgba(255,90,31,.8)}
.section-title{font-family:var(--font-d);font-weight:400;letter-spacing:.01em;font-size:clamp(52px,11vw,104px);margin-bottom:14px;line-height:.92;text-shadow:0 4px 30px rgba(0,0,0,.55)}
.section-title .stroke{color:transparent;-webkit-text-stroke:2px var(--cheese);text-shadow:0 0 26px rgba(255,182,39,.28)}
.lede{color:var(--smoke);font-size:19px;max-width:640px}

/* film grain over everything, arena projector feel */
.grain{position:fixed;inset:-40px;z-index:200;pointer-events:none;opacity:.08;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
  animation:grain 1.1s steps(3) infinite}
@keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(-14px,10px)}66%{transform:translate(12px,-12px)}100%{transform:translate(0,0)}}

/* header */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(14,10,7,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--fire) 30%,var(--cheese) 50%,var(--fire) 70%,transparent);opacity:.7}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;color:var(--cream);font-family:var(--font-h);font-size:24px;letter-spacing:.04em;flex:none;white-space:nowrap}
.brand img{width:38px;height:38px;border-radius:8px}
.brand b{color:var(--cheese)}
.nav-links{display:none;gap:2px;list-style:none;flex-wrap:nowrap;align-items:center}
.nav-links a{color:var(--cream);font-family:var(--font-h);font-size:16px;font-weight:600;letter-spacing:.035em;padding:8px 6px;text-transform:uppercase;position:relative;white-space:nowrap;line-height:1}
.nav-links a::after{content:"";position:absolute;left:6px;right:6px;bottom:2px;height:2px;background:linear-gradient(90deg,var(--fire),var(--cheese));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-links a:hover,.nav-links a.active{color:var(--cheese)}
.nav-toggle{background:none;border:1px solid var(--line);border-radius:8px;color:var(--cream);font-size:22px;padding:6px 12px;cursor:pointer}
.btn.nav-cta{display:none;font-size:16px;padding:10px 22px}
@media(min-width:1152px){.nav-links{display:flex}.nav-toggle{display:none}.btn.nav-cta{display:inline-block}
.site-header .wrap{max-width:1440px}
.nav-inner{flex-wrap:wrap;height:auto;padding-top:6px;row-gap:2px}
.brand{height:50px}
.site-header nav{order:3;flex:1 1 100%}
.nav-links{justify-content:center;height:46px;border-top:1px solid var(--line)}
.nav-links a{font-size:16px;padding:8px 8px}
.crumbs{margin-top:130px}
body.has-minibar .crumbs{margin-top:162px}
body.has-minibar .page-hero .crumbs{margin-top:130px}}
@media(min-width:1152px) and (max-width:1279px){.nav-links a{font-size:15px;padding:8px 6px}}
.mobile-menu{display:none;background:var(--ink2);border-bottom:1px solid var(--line);padding:8px 20px 16px;list-style:none;counter-reset:guide}
.mobile-menu.open{display:block}
.mobile-menu a{display:flex;align-items:baseline;gap:14px;color:var(--cream);font-family:var(--font-h);font-size:22px;padding:10px 0;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.05em}
.mobile-menu a::before{counter-increment:guide;content:"0" counter(guide);font-size:13px;color:var(--fire2);letter-spacing:.2em;font-weight:700}

/* hero, the show open */
.hero{position:relative;min-height:96vh;display:flex;align-items:flex-end;overflow:hidden;padding:120px 0 0;background:#000}
.hero-media{position:absolute;inset:0;z-index:0;will-change:transform}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover;animation:kenburns 24s ease-in-out infinite alternate}
@keyframes kenburns{from{transform:scale(1)}to{transform:scale(1.12)}}
.hero-beams{position:absolute;inset:-25%;z-index:1;pointer-events:none;opacity:.5;
  background:conic-gradient(from 0deg at 50% 115%,transparent 0deg,rgba(255,122,0,.14) 10deg,transparent 20deg,rgba(255,182,39,.1) 30deg,transparent 40deg,rgba(232,56,13,.14) 52deg,transparent 62deg,rgba(255,122,0,.1) 74deg,transparent 84deg,rgba(255,182,39,.12) 96deg,transparent 106deg,rgba(232,56,13,.1) 118deg,transparent 128deg);
  animation:beams 46s linear infinite}
@keyframes beams{to{transform:rotate(360deg)}}
.hero-overlay{position:absolute;inset:0;z-index:2;
  background:linear-gradient(180deg,rgba(14,10,7,.62) 0%,rgba(14,10,7,.28) 40%,rgba(14,10,7,.95) 88%),
  radial-gradient(80% 60% at 50% 18%,rgba(232,56,13,.32),transparent 70%)}
.hero-overlay::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px)}
.hero-content{position:relative;z-index:3;padding-bottom:60px;width:100%;will-change:transform}
.hero-series{display:inline-block;font-family:var(--font-h);font-weight:700;font-size:14px;letter-spacing:.42em;color:var(--cheese2);text-transform:uppercase;margin:14px 0 10px;animation:fadein 1s .25s both}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.onair{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#ff4a1a,var(--fire) 60%,var(--fire-deep));color:#fff;font-family:var(--font-h);font-weight:700;font-size:16px;letter-spacing:.22em;padding:7px 18px 7px 14px;border-radius:999px;margin-bottom:6px;text-transform:uppercase;box-shadow:0 0 24px rgba(232,56,13,.65),inset 0 1px 0 rgba(255,255,255,.4)}
.onair .dot{width:10px;height:10px;border-radius:50%;background:#fff;animation:pulse 1.4s ease-in-out infinite;box-shadow:0 0 10px #fff}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.55}}
.hero-title{font-family:var(--font-d);font-weight:400;font-size:clamp(30px,11vw,88px);line-height:1;letter-spacing:.05em;white-space:nowrap;transform:skewX(-3deg);text-transform:uppercase;
  text-shadow:0 3px 0 rgba(0,0,0,.85),0 10px 44px rgba(0,0,0,.65),0 0 90px rgba(232,56,13,.4)}
.hero-title .word{display:inline-block;animation:fadein .9s .15s both}
.hero-title .fire{display:inline-block;animation:fadein .9s .3s both}
@keyframes rise{from{transform:translateY(110%) skewY(4deg)}to{transform:translateY(0) skewY(0)}}
.hero-title .fire{background:linear-gradient(180deg,#ffb627 0%,var(--fire2) 45%,var(--fire) 80%,#8f1e04 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 0 rgba(0,0,0,.8)) drop-shadow(0 14px 30px rgba(0,0,0,.5))}
.lower-third{display:inline-flex;align-items:stretch;margin:18px 0 4px;animation:lt-in .8s .7s cubic-bezier(.2,.9,.25,1) both;filter:drop-shadow(0 8px 24px rgba(0,0,0,.6))}
@keyframes lt-in{from{transform:translateX(-110%);opacity:0}to{transform:translateX(0);opacity:1}}
.lower-third strong{font-family:var(--font-d);font-weight:400;font-size:24px;letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#2b2b2b,#0c0c0c);padding:10px 18px 10px 16px;border-left:6px solid var(--fire)}
.lower-third span{font-family:var(--font-h);font-weight:700;font-size:15px;letter-spacing:.3em;color:var(--ink);background:linear-gradient(180deg,var(--cheese2),var(--cheese));padding:10px 16px;display:flex;align-items:center}
.hero-sub{font-size:clamp(18px,4.5vw,26px);color:var(--cream);max-width:620px;margin:16px 0 26px;font-weight:600;text-shadow:0 2px 14px rgba(0,0,0,.8);animation:fadein 1s .9s both}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;animation:fadein 1s 1.05s both}

/* hero logo lockup: the full MTE badge as part of the show open */
.hero-wrap{display:grid;gap:26px;align-items:end}
.hero-logo{width:min(66vw,290px);margin:0 auto;animation:fadein 1s .3s both}
.hero-logo img{width:100%;height:auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.6)) drop-shadow(0 0 34px rgba(232,56,13,.3))}
@media(min-width:960px){
  .hero-wrap{grid-template-columns:minmax(0,1fr) clamp(250px,25vw,340px);gap:44px}
  .hero-copy{grid-column:1;grid-row:1;min-width:0}
  .hero-logo{grid-column:2;grid-row:1;width:100%;margin:0}
}
@media(prefers-reduced-motion:reduce){.hero-logo{animation:none}}

/* premium buttons: layered gradients, real depth, sheen sweeps. Nothing flat. */
.btn{position:relative;display:inline-block;overflow:hidden;isolation:isolate;font-family:var(--font-h);font-weight:700;font-size:20px;letter-spacing:.1em;text-transform:uppercase;padding:16px 32px;border-radius:999px;border:1px solid rgba(0,0,0,.45);cursor:pointer;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
  box-shadow:0 12px 30px rgba(0,0,0,.5),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.28);
  transition:transform .12s ease,box-shadow .25s ease,filter .25s ease}
.btn::before{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:42%;z-index:1;pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-20deg) translateX(-320%)}
.btn:hover{transform:translateY(-2px);filter:saturate(1.12)}
.btn:hover::before{animation:sheen .7s ease}
.btn:active{transform:translateY(2px) scale(.98);box-shadow:0 4px 12px rgba(0,0,0,.55),inset 0 2px 6px rgba(0,0,0,.35)}
.btn-fire{background:linear-gradient(180deg,#ff7a2e 0%,var(--fire2) 38%,var(--fire) 72%,var(--fire-deep) 100%);color:#fff;
  box-shadow:0 12px 34px rgba(232,56,13,.5),0 3px 0 rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.3)}
.btn-fire::before{animation:sheen 6.5s ease-in-out infinite}
.btn-fire:hover{box-shadow:0 16px 44px rgba(232,56,13,.75),0 3px 0 rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(0,0,0,.3)}
@keyframes sheen{0%{transform:skewX(-20deg) translateX(-320%)}14%,100%{transform:skewX(-20deg) translateX(820%)}}
.btn-cheese{background:linear-gradient(180deg,#ffe08a 0%,var(--cheese2) 35%,var(--cheese) 70%,#d8940f 100%);color:#2a1503;text-shadow:0 1px 0 rgba(255,255,255,.45);
  box-shadow:0 12px 30px rgba(255,182,39,.35),0 3px 0 rgba(0,0,0,.35),inset 0 2px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(0,0,0,.18)}
.btn-cheese:hover{box-shadow:0 16px 40px rgba(255,182,39,.55),0 3px 0 rgba(0,0,0,.35),inset 0 2px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(0,0,0,.18)}
.btn-ghost{background:linear-gradient(180deg,rgba(255,246,232,.14),rgba(255,246,232,.04));border:1px solid rgba(255,246,232,.32);color:var(--cream);backdrop-filter:blur(6px);
  box-shadow:0 10px 26px rgba(0,0,0,.45),inset 0 2px 0 rgba(255,255,255,.18)}
.btn-ghost:hover{border-color:var(--cheese);color:var(--cheese2);box-shadow:0 12px 32px rgba(0,0,0,.5),0 0 26px rgba(255,182,39,.3),inset 0 2px 0 rgba(255,255,255,.2)}

/* ticker, broadcast crawl with LED rails */
.ticker{background:linear-gradient(180deg,#f04415,var(--fire) 55%,#c22a08);color:#fff;overflow:hidden;white-space:nowrap;border-top:3px solid #000;border-bottom:3px solid #000;transform:rotate(-1.2deg) scale(1.03);position:relative;z-index:4;
  box-shadow:0 14px 40px rgba(0,0,0,.55)}
.ticker::before,.ticker::after{content:"";position:absolute;left:0;right:0;height:5px;
  background-image:radial-gradient(circle,rgba(255,255,255,.85) 2px,transparent 2.5px);background-size:18px 5px;background-repeat:repeat-x;animation:led 1.6s linear infinite}
.ticker::before{top:2px}.ticker::after{bottom:2px;animation-direction:reverse}
@keyframes led{to{background-position:18px 0}}
.ticker-track{display:inline-block;padding:12px 0;animation:tick 26s linear infinite;font-family:var(--font-h);font-weight:700;font-size:22px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5)}
.ticker-track span{margin:0 18px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker--reverse{transform:rotate(1deg) scale(1.03)}
.ticker--reverse .ticker-track{animation-direction:reverse}

/* cards, episode rails */
.card-grid{display:grid;gap:20px;grid-template-columns:1fr;margin-top:32px}
@media(min-width:640px){.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.card-grid{grid-template-columns:repeat(3,1fr)}}
.card{position:relative;background:linear-gradient(180deg,#1e140c,#150d07);border:1px solid rgba(255,182,39,.16);border-radius:18px;overflow:hidden;
  box-shadow:0 14px 36px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,246,232,.07);
  transition:transform .22s ease,border-color .22s ease,box-shadow .3s ease}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:2;
  background:linear-gradient(90deg,transparent,var(--fire) 30%,var(--cheese) 50%,var(--fire) 70%,transparent);
  opacity:0;transition:opacity .3s ease}
.card:hover{transform:translateY(-7px);border-color:rgba(255,90,31,.65);
  box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 36px rgba(232,56,13,.28),inset 0 1px 0 rgba(255,246,232,.1)}
.card:hover::before{opacity:1}
.card:active{transform:translateY(-2px) scale(.99)}
.card-img{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000}
.card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.card:hover .card-img img{transform:scale(1.08)}
.card-body{padding:22px}
.card-tag{display:inline-block;font-family:var(--font-h);font-weight:700;font-size:13px;letter-spacing:.22em;color:var(--cheese);text-transform:uppercase;margin-bottom:10px;
  background:rgba(0,0,0,.55);border:1px solid rgba(255,182,39,.5);border-radius:4px;padding:5px 12px;transform:skewX(-8deg);
  box-shadow:0 0 14px rgba(255,182,39,.18)}
.card h2{font-size:27px;margin-bottom:8px}
.card h2 a{color:var(--cream);transition:color .2s ease}
.card h2 a:hover{color:var(--cheese2)}
.card h3{font-size:27px;margin-bottom:8px}
.card h3 a{color:var(--cream);transition:color .2s ease}
.card h3 a:hover{color:var(--cheese2)}
.card p{color:var(--smoke);font-size:15px}
.card-meta{color:var(--muted);font-size:13px;margin-top:12px}
.card-meta a{font-weight:700;border-bottom:2px solid var(--fire);padding-bottom:1px}
/* whole-card tap target: the title link's hit area covers the card (Oct 14, 2026 fix:
   image and body taps were dead because only the title text was a link) */
.card h2 a::after,.card h3 a::after,.rcard h3 a::after{content:"";position:absolute;inset:0;z-index:2}
.card .card-meta a{position:relative;z-index:3}
.rcard{position:relative}

/* streaming rail: horizontal snap scroll on mobile */
@media(max-width:759px){
  .rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:14px;
    margin:32px -20px 0;padding:4px 20px 18px;scrollbar-width:none}
  .rail::-webkit-scrollbar{display:none}
  /* definite basis, never content-sized: flex-basis:auto let headline and
     paragraph max-content blow each card out to ~1000px wide (Oct 30, 2026
     fix, Moe screenshot: giant zoomed card image in the related rail) */
  .rail .card{flex:0 0 80%;scroll-snap-align:start}
}
.rail-hint{display:none;font-family:var(--font-h);font-size:13px;letter-spacing:.24em;color:var(--muted);text-transform:uppercase;margin-top:14px}
@media(max-width:759px){.rail-hint{display:block}}
[hidden]{display:none !important}

/* embeds */
.embed{position:relative;aspect-ratio:16/9;background:#000;border-radius:16px;overflow:hidden;border:1px solid var(--line);
  box-shadow:0 16px 40px rgba(0,0,0,.5)}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* gallery */
.gallery{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:32px}
@media(min-width:760px){.gallery{grid-template-columns:repeat(3,1fr)}}
.gallery figure{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--ink2);transition:transform .2s ease,box-shadow .3s ease}
.gallery figure:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.5),0 0 24px rgba(232,56,13,.2)}
.gallery img{aspect-ratio:4/3;object-fit:cover;width:100%}
.gallery figcaption{padding:12px 14px;font-size:14px;color:var(--smoke)}

/* stats, LED scoreboard */
.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:32px}
@media(min-width:760px){.stat-row{grid-template-columns:repeat(4,1fr)}}
.stat{background:radial-gradient(130% 130% at 50% 0%,#2c1c0d 0%,var(--ink2) 62%);border:1px solid rgba(255,182,39,.28);border-radius:16px;padding:24px 18px;text-align:center;
  box-shadow:0 14px 34px rgba(0,0,0,.5),inset 0 0 22px rgba(0,0,0,.55),0 0 26px rgba(255,182,39,.07);
  transition:transform .2s ease,box-shadow .3s ease}
.stat:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.55),0 0 34px rgba(255,182,39,.22)}
.stat .n{font-family:var(--font-d);font-weight:400;font-size:56px;color:var(--cheese);line-height:1;
  text-shadow:0 0 20px rgba(255,182,39,.6),0 3px 0 rgba(0,0,0,.7)}
.stat .l{font-size:14px;color:var(--smoke);text-transform:uppercase;letter-spacing:.08em;margin-top:8px}
.stat .stat-num{display:block;font-family:var(--font-d);font-weight:400;font-size:56px;color:var(--cheese);line-height:1;text-shadow:0 0 20px rgba(255,182,39,.6),0 3px 0 rgba(0,0,0,.7)}
.stat .stat-label{display:block;font-size:14px;color:var(--smoke);text-transform:uppercase;letter-spacing:.08em;margin-top:8px}

/* timeline, backstage pass */
.timeline{position:relative;margin-top:40px;padding-left:28px;border-left:3px solid transparent;
  border-image:linear-gradient(180deg,var(--fire2),var(--cheese) 55%,var(--fire-deep)) 1}
.tl-item{position:relative;padding:0 0 36px 18px}
.tl-item::before{content:"";position:absolute;left:-41px;top:4px;width:20px;height:20px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,var(--cheese2),var(--cheese) 55%,var(--fire-deep));
  border:4px solid var(--ink);box-shadow:0 0 0 6px rgba(255,182,39,.14),0 0 20px rgba(255,182,39,.7)}
.tl-year{font-family:var(--font-d);font-weight:400;font-size:38px;color:var(--fire2);text-shadow:0 0 22px rgba(255,90,31,.5)}
.tl-item h3{font-size:28px;margin:4px 0 8px}
.tl-item p{color:var(--smoke)}
.tl-item img{border-radius:12px;margin-top:12px;border:1px solid var(--line)}

/* recipe */
.recipe-head{margin:28px 0}
.wrap .section>h2{font-family:var(--font-d);font-weight:400;font-size:clamp(34px,7vw,52px);margin:38px 0 6px;color:var(--cheese);text-shadow:0 0 18px rgba(255,182,39,.25)}
.recipe-kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-h);font-weight:700;font-size:14px;letter-spacing:.3em;color:var(--fire2);text-transform:uppercase;margin-bottom:10px}
.recipe-head h1{font-family:var(--font-d);font-weight:400;font-size:clamp(48px,10vw,92px);line-height:.92;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.recipe-meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 28px}
.recipe-meta span{background:linear-gradient(180deg,#241a10,#180f08);border:1px solid rgba(255,182,39,.3);border-radius:999px;padding:9px 20px;font-size:14px;font-weight:600;color:var(--cheese);
  box-shadow:inset 0 1px 0 rgba(255,246,232,.1),0 6px 16px rgba(0,0,0,.4)}
.ingredients,.steps{background:linear-gradient(180deg,#1d140c,#150d07);border:1px solid rgba(255,182,39,.16);border-radius:18px;padding:28px;margin:24px 0;
  box-shadow:0 14px 36px rgba(0,0,0,.4)}
.ingredients h2,.steps h2{font-family:var(--font-d);font-weight:400;font-size:36px;margin-bottom:16px;color:var(--cheese);text-shadow:0 0 18px rgba(255,182,39,.3)}
.ingredients ul{list-style:none}
.ingredients li{padding:8px 0;border-bottom:1px dashed var(--line);color:var(--cream)}
.steps ol{padding-left:22px}
.steps li{margin-bottom:14px;color:var(--cream)}
.protip{border-left:4px solid var(--cheese);background:linear-gradient(90deg,rgba(255,182,39,.1),rgba(255,182,39,.02));padding:18px 22px;border-radius:0 14px 14px 0;margin:24px 0;
  box-shadow:0 10px 28px rgba(0,0,0,.35)}
.protip strong{color:var(--cheese);font-family:var(--font-h);letter-spacing:.1em}

/* transcript */
.speaker{font-family:var(--font-h);letter-spacing:.06em;color:var(--cheese)}
.transcript-turn{margin-bottom:18px}
.scene-note{font-style:italic;color:var(--muted);margin:18px 0}
.chapter-list{list-style:none;margin:20px 0}
.chapter-list a{color:var(--cream)}
.chapter-list a:hover{color:var(--cheese)}
/* pull quote = page highlight panel (QUOTE BOX RULE, Oct 19 2026):
   designed panel, ornament fully inside, attribution on every box */
.pullquote{position:relative;margin:38px 0;padding:30px 30px 26px;border-radius:18px;color:var(--cream);
  background:radial-gradient(130% 170% at 50% -30%,#3a1c08 0%,#1d120a 55%,#140d07 100%);
  border:1px solid rgba(255,182,39,.5);
  box-shadow:0 22px 48px rgba(0,0,0,.5),0 0 38px rgba(232,56,13,.22),inset 0 1px 0 rgba(255,246,232,.1),inset 0 0 0 1px rgba(255,182,39,.07)}
.pullquote::before{content:"\201C";display:block;font-family:var(--font-d);font-size:58px;line-height:.8;height:32px;
  color:var(--cheese);text-shadow:0 0 18px rgba(255,182,39,.5)}
.pullquote::after{content:"";position:absolute;left:30px;right:30px;bottom:0;height:3px;border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,var(--fire),var(--cheese),var(--fire))}
.pullquote .pq-text{font-family:var(--font-h);font-weight:600;font-size:clamp(25px,4.8vw,33px);line-height:1.22;
  color:var(--cream);font-style:normal;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.pullquote .pq-attr{display:flex;align-items:center;gap:10px;margin-top:16px;font-family:var(--font-h);font-style:normal;
  font-weight:700;font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:var(--cheese2)}
.pullquote .pq-attr::before{content:"";width:34px;height:2px;flex:none;background:linear-gradient(90deg,var(--fire),var(--cheese))}
.plaque-attr{display:block;margin-top:10px;font-family:"Archivo",sans-serif;font-style:normal;font-size:11px;font-weight:800;
  letter-spacing:.3em;text-transform:uppercase;color:#eec25e}

/* podcast app energy */
.pod-stage{position:relative;overflow:hidden;border-radius:22px;margin-top:30px;padding:44px 28px;text-align:center;
  background:radial-gradient(120% 140% at 50% -20%,#3a1c08 0%,#170d06 55%,#0e0a07 100%);
  border:1px solid rgba(255,182,39,.25);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 50px rgba(232,56,13,.14)}
.wave{display:flex;align-items:flex-end;justify-content:center;gap:6px;height:72px;margin:0 auto 22px;max-width:420px}
.wave span{flex:1;height:100%;min-width:5px;max-width:10px;border-radius:4px;background:linear-gradient(180deg,var(--cheese2),var(--fire2) 60%,var(--fire-deep));
  box-shadow:0 0 12px rgba(255,90,31,.5);animation:eq 1.15s ease-in-out infinite;transform-origin:bottom}
.wave span:nth-child(3n){animation-delay:.18s}.wave span:nth-child(4n){animation-delay:.36s}
.wave span:nth-child(5n){animation-delay:.54s}.wave span:nth-child(7n){animation-delay:.72s}
@keyframes eq{0%,100%{transform:scaleY(.18)}50%{transform:scaleY(1)}}
.pod-bug{display:inline-block;font-family:var(--font-h);font-weight:700;font-size:14px;letter-spacing:.3em;color:#0e0a07;background:linear-gradient(180deg,var(--cheese2),var(--cheese));
  padding:7px 18px;border-radius:4px;transform:skewX(-8deg);margin-bottom:16px;box-shadow:0 0 22px rgba(255,182,39,.5)}
.queue{margin-top:30px;display:grid;gap:12px;text-align:left}
.q-row{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,#1e140c,#140d07);border:1px solid rgba(255,182,39,.16);border-radius:14px;padding:16px 18px;
  transition:transform .2s ease,border-color .2s ease,box-shadow .3s ease}
.q-row:hover{transform:translateX(6px);border-color:rgba(255,90,31,.55);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 22px rgba(232,56,13,.22)}
.q-num{font-family:var(--font-d);font-size:30px;color:var(--fire2);min-width:44px;text-shadow:0 0 16px rgba(255,90,31,.5)}
.q-body{flex:1}
.q-body h3{font-size:22px;margin-bottom:2px}
.q-body p{color:var(--smoke);font-size:14px}
.q-tag{font-family:var(--font-h);font-weight:700;font-size:12px;letter-spacing:.2em;color:var(--cheese);border:1px solid rgba(255,182,39,.5);border-radius:999px;padding:6px 14px;white-space:nowrap;background:rgba(0,0,0,.4)}
.q-wave{display:flex;align-items:flex-end;gap:3px;height:26px;min-width:56px}
.q-wave span{width:4px;height:100%;border-radius:2px;background:var(--fire2);animation:eq 1s ease-in-out infinite;transform-origin:bottom;opacity:.85}
.q-wave span:nth-child(2n){animation-delay:.2s}.q-wave span:nth-child(3n){animation-delay:.4s}

/* email capture, marquee framed */
.capture{position:relative;border:2px solid transparent;border-radius:22px;padding:40px 28px;margin:56px 0;text-align:center;overflow:hidden;
  background:linear-gradient(#170d06,#170d06) padding-box,linear-gradient(135deg,var(--fire),var(--cheese) 40%,var(--fire2) 60%,var(--fire-deep)) border-box;
  box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 44px rgba(232,56,13,.18)}
.capture::before{content:"";position:absolute;top:-50px;left:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,182,39,.28),transparent 70%);pointer-events:none}
.capture h2{font-family:var(--font-d);font-weight:400;font-size:clamp(38px,8vw,60px);margin-bottom:10px;text-shadow:0 4px 26px rgba(0,0,0,.6)}
.capture p{color:var(--smoke);margin-bottom:20px}
.capture-form{display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto;position:relative;z-index:1}
@media(min-width:560px){.capture-form{flex-direction:row}}
.capture-form input{flex:1;padding:16px 20px;border-radius:999px;border:1px solid rgba(255,182,39,.3);background:rgba(0,0,0,.5);color:var(--cream);font-size:16px;font-family:var(--font-b);
  box-shadow:inset 0 3px 10px rgba(0,0,0,.6)}
/* page hero: every page gets one (Moe's hero rule, Oct 19, 2026) */
.page-hero{position:relative;min-height:52vh;display:flex;align-items:flex-end;overflow:hidden;padding:132px 0 0;background:#000}
.page-hero .hero-content{padding-bottom:40px}
.page-hero h1{font-family:var(--font-d);font-weight:400;font-size:clamp(52px,9.5vw,100px);line-height:.92;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.65)}
.page-hero .section-title{color:var(--cream);text-shadow:0 4px 30px rgba(0,0,0,.65)}
.page-hero .lede{color:var(--cream);text-shadow:0 2px 12px rgba(0,0,0,.85)}
.page-hero .crumbs{color:rgba(255,246,232,.8);margin-bottom:12px;text-shadow:0 1px 8px rgba(0,0,0,.8)}
.page-hero .crumbs a{color:var(--cheese2)}
.page-hero .page-head{padding:0}
/* photo band: extra photography through text-heavy pages */
.photo-band{display:grid;gap:14px;grid-template-columns:1fr;margin:8px 0 0}
@media(min-width:760px){.photo-band{grid-template-columns:repeat(3,1fr)}}
.photo-band figure{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--ink2)}
.photo-band img{width:100%;height:230px;object-fit:cover;display:block}
.photo-band figcaption{padding:12px 16px;font-size:14px;color:var(--smoke)}
.photo-band figcaption b{color:var(--cream);font-family:var(--font-h);letter-spacing:.04em}
.drinks-hero .hero-media img{opacity:.45}
.capture-form input:focus{outline:none;border-color:var(--cheese);box-shadow:inset 0 3px 10px rgba(0,0,0,.6),0 0 18px rgba(255,182,39,.3)}
/* videos search (navigation standard item 6, nightly pass Oct 28, 2026):
   the WebSite SearchAction targets /videos/?q=, so the page carries a
   real filter wired to that parameter. */
.video-search{max-width:640px;margin:0 auto 8px}
.video-search label{display:block;font-family:var(--font-h);font-size:20px;letter-spacing:.05em;margin-bottom:10px;color:var(--cream)}
.video-search input{width:100%;min-height:56px;padding:14px 22px;border-radius:999px;border:1px solid rgba(255,182,39,.3);background:rgba(0,0,0,.5);color:var(--cream);font-size:16px;font-family:var(--font-b)}
.video-search input:focus{outline:none;border-color:var(--cheese);box-shadow:inset 0 3px 10px rgba(0,0,0,.6),0 0 18px rgba(255,182,39,.3)}
.video-search-empty{text-align:center;color:var(--smoke);font-size:17px;padding:18px 0 4px}
.capture-note{font-size:13px;color:var(--muted);margin-top:12px}

/* footer */
.site-footer{background:radial-gradient(720px 300px at 12% 0,rgba(232,56,13,.14),transparent 62%),radial-gradient(720px 300px at 88% 0,rgba(255,182,39,.1),transparent 62%),linear-gradient(180deg,#0d0805,#060403);border-top:1px solid var(--line);padding:64px 0 34px;margin-top:64px;position:relative}
.site-footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--fire) 30%,var(--cheese) 50%,var(--fire) 70%,transparent);opacity:.9}
.foot-grid{display:grid;gap:36px;grid-template-columns:1fr}
@media(min-width:760px){.foot-grid{grid-template-columns:1.7fr 1.5fr 1fr;gap:44px}}
.foot-grid h2.foot-title{font-family:var(--font-d);font-weight:400;font-size:22px;letter-spacing:.06em;margin-bottom:12px;color:var(--cheese)}
.foot-brand{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.foot-logo{width:76px;height:76px;flex:none;border-radius:50%;box-shadow:0 0 0 2px rgba(255,182,39,.55),0 12px 30px rgba(0,0,0,.6),0 0 34px rgba(232,56,13,.28)}
.foot-brand .foot-title{margin:0;font-size:27px}
.foot-tag{font-family:var(--font-h);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--smoke);margin-top:3px}
.foot-grid ul{list-style:none}
.foot-grid li{margin-bottom:8px}
.foot-cols{columns:2;column-gap:30px}
.foot-cols li{break-inside:avoid}
.foot-grid a{color:var(--smoke);transition:color .2s ease}
.foot-grid a:hover{color:var(--cheese2)}
.foot-cross{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.foot-cross .foot-title{font-family:var(--font-d);font-weight:400;font-size:22px;letter-spacing:.06em;color:var(--cheese)}
.social-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.social-row a{display:inline-block;background:linear-gradient(180deg,#241a10,#150d07);border:1px solid rgba(255,182,39,.35);border-radius:10px;padding:9px 16px;font-family:var(--font-h);font-weight:700;letter-spacing:.08em;color:var(--cream);font-size:15px;
  box-shadow:0 6px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,246,232,.12);transition:transform .15s ease,box-shadow .25s ease,border-color .2s ease}
.social-row a:hover{transform:translateY(-2px);border-color:var(--cheese);color:var(--cheese2);box-shadow:0 10px 24px rgba(0,0,0,.5),0 0 18px rgba(255,182,39,.3)}
.foot-base{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}
.foot-base span:first-child{font-family:var(--font-d);font-size:18px;letter-spacing:.16em;text-transform:uppercase;color:var(--cream)}
.foot-base span:last-child{font-size:13px;color:var(--muted)}

/* drip divider */
.drip{display:block;width:100%;height:44px;margin:-1px 0}
.band{background:var(--ink2);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}
.band::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,182,39,.4),transparent)}

/* reveal on scroll, kinetic */
.reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none}
  .hero-media video,.hero-media img,.hero-beams,.ticker-track,.grain,.wave span,.q-wave span{animation:none}
  .btn-fire::before{display:none}
}

/* floating food shapes */
.float-food{position:absolute;z-index:1;opacity:.5;pointer-events:none;animation:floaty 7s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-18px) rotate(6deg)}}

/* quote */
.quote{font-family:var(--font-h);font-size:clamp(26px,5vw,40px);line-height:1.1;text-align:center;max-width:800px;margin:0 auto;padding:20px}
.quote small{display:block;font-family:var(--font-b);font-size:15px;color:var(--muted);margin-top:12px;letter-spacing:.06em}

/* breadcrumbs */
.crumbs{font-size:14px;color:var(--muted);margin:92px 0 8px}
.crumbs a{color:var(--muted)}
.page-head{padding:0 0 8px}
.page-head h1{font-family:var(--font-d);font-weight:400;font-size:clamp(56px,13vw,110px);line-height:.9;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.coming-soon{background:linear-gradient(180deg,#1e140c,#140d07);border:2px dashed rgba(255,90,31,.6);border-radius:18px;padding:44px 28px;text-align:center;margin-top:28px;
  box-shadow:0 16px 44px rgba(0,0,0,.45),0 0 30px rgba(232,56,13,.12)}

/* ============ MTE v3: ARENA SCALE (Sep 29, 2026) ============
   Bigger presentation pass: mega hero, embers, giant marquee,
   pulsing CTA, reverse food ticker. Motion unmistakable on phones. */

/* mega hero title: one horizontal line, sized to fit the viewport */
.hero-title{font-size:clamp(30px,11vw,88px)}
.hero-title .fire{
  background:linear-gradient(180deg,#ffb627 0%,#ff5a1f 28%,#e8380d 52%,#ffb627 78%,#ff5a1f 100%);
  background-size:100% 240%;
  -webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;
  animation:fireflow 5.5s ease-in-out infinite;
  filter:drop-shadow(0 4px 0 rgba(0,0,0,.8)) drop-shadow(0 14px 30px rgba(0,0,0,.5)) drop-shadow(0 0 44px rgba(255,90,31,.35));
}
@keyframes fireflow{0%,100%{background-position:50% 0%}50%{background-position:50% 100%}}

/* giant outlined marquee behind hero content */
.hero-marquee{position:absolute;z-index:1;top:9%;left:0;right:0;overflow:hidden;pointer-events:none;opacity:.55;transform:rotate(-2.5deg)}
.hero-marquee-track{display:inline-block;white-space:nowrap;font-family:var(--font-d);font-weight:400;
  font-size:clamp(110px,30vw,300px);line-height:1;letter-spacing:.02em;text-transform:uppercase;
  color:transparent;-webkit-text-stroke:2px rgba(255,182,39,.38);
  animation:tick 42s linear infinite}
.hero-marquee-track span{margin:0 .35em}

/* rising embers */
.embers{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.ember{position:absolute;bottom:-14px;border-radius:50%;
  background:radial-gradient(circle,#ffd166 0%,#ff5a1f 55%,rgba(232,56,13,0) 74%);
  animation:ember-rise linear infinite;filter:blur(.4px)}
@keyframes ember-rise{
  0%{transform:translateY(0) translateX(0) scale(1);opacity:0}
  7%{opacity:.95}
  55%{opacity:.75}
  100%{transform:translateY(-96vh) translateX(var(--drift,26px)) scale(.32);opacity:0}
}

/* pulsing primary CTA */
.btn-pulse{animation:ctapulse 2.4s ease-in-out infinite}
@keyframes ctapulse{
  0%,100%{box-shadow:0 12px 34px rgba(232,56,13,.5),0 3px 0 rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.3),0 0 0 0 rgba(255,90,31,.5)}
  50%{box-shadow:0 12px 48px rgba(232,56,13,.85),0 3px 0 rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.3),0 0 0 20px rgba(255,90,31,0)}
}

/* hero credential badges */
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;animation:fadein 1s 1.2s both}
.hero-badges span{font-family:var(--font-h);font-weight:700;font-size:13px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--cheese2);border:1px solid rgba(255,182,39,.45);border-radius:999px;padding:8px 16px;
  background:rgba(0,0,0,.45);box-shadow:0 0 16px rgba(255,182,39,.15)}

/* reverse food ticker, sits right under the main crawl */
.ticker--food{background:linear-gradient(180deg,#3a1503,#1c0b02 60%,#120702);margin-top:-6px}
.ticker--food .ticker-track{color:var(--cheese2)}

/* animated hot-sweep word for section titles */
.section-title .hot{background:linear-gradient(90deg,var(--cheese2),var(--fire2) 40%,var(--cheese) 60%,var(--fire2));
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:hotsweep 4.5s linear infinite}
@keyframes hotsweep{to{background-position:220% center}}

/* reduced motion: freeze the new layers too */
@media(prefers-reduced-motion:reduce){
  .hero-marquee-track,.hero-title .fire,.btn-pulse,.section-title .hot{animation:none}
  .ember{display:none}
}

/* ============ Verdict marks + card corner (Oct 14, 2026) ============
   Bespoke marks built for this site: a minted seal for MOE TRAIN APPROVED
   and a stitched ribbon for the score. No flat pills, no text on a rectangle. */
/* card photo corner: ribbon planted on the photo, seal straddling the seam */
.card-media{position:relative}
.card-corner{position:absolute;left:14px;bottom:-21px;z-index:3;pointer-events:none}
.card:has(.card-corner) .card-body{padding-top:38px}
/* the minted medallion: reeded coin edge, radial gold face, embossed star */
.seal{position:relative;z-index:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;flex:none;
  font-size:22px;color:#4a2c04;
  background:repeating-conic-gradient(from 3deg,#7c5605 0deg 5deg,#eec44a 5deg 10deg);
  box-shadow:0 7px 16px rgba(0,0,0,.5),inset 0 1px 2px rgba(255,255,255,.55),inset 0 -2px 4px rgba(90,58,2,.6);
  text-shadow:0 1px 1px rgba(255,246,200,.85),0 -1px 1px rgba(110,70,4,.55)}
.seal::before{content:"";position:absolute;inset:3px;border-radius:50%;z-index:-1;
  background:radial-gradient(circle at 32% 27%,#ffefa8 0%,#ffd34d 36%,#f0a812 64%,#c07f06 90%,#9a6604 100%);
  box-shadow:inset 0 0 0 2px rgba(110,70,4,.5),inset 0 0 0 4px rgba(255,242,196,.35),inset 0 -5px 8px rgba(110,70,4,.5),inset 0 5px 7px rgba(255,255,255,.65)}
/* letterpress word stack that rides with the seal */
.ab-words{display:flex;flex-direction:column;gap:2px;line-height:1;text-transform:uppercase}
.ab-words em{font-style:normal;font-family:var(--font-h);font-weight:700;font-size:10px;letter-spacing:.34em;color:var(--cheese)}
.ab-words b{font-family:var(--font-h);font-weight:800;font-size:19px;letter-spacing:.13em;color:#ffd968;
  text-shadow:0 2px 2px rgba(0,0,0,.85),0 -1px 0 rgba(255,224,138,.28)}
/* the seal plaque: dark stamped mount the medallion sits in */
.approved-badge{display:inline-flex;align-items:center;gap:11px;padding:7px 18px 7px 8px;border-radius:999px;transform:rotate(-2deg);
  background:linear-gradient(180deg,#2b1708 0%,#170c04 100%);
  border:1px solid rgba(255,182,39,.55);
  box-shadow:0 12px 26px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,226,150,.35),inset 0 -8px 14px rgba(0,0,0,.55)}
/* the score ribbon: stitched gold band, forked tail, slight tilt */
.score-ribbon{position:absolute;top:14px;left:12px;z-index:3;pointer-events:none;
  display:inline-flex;align-items:baseline;gap:1px;padding:8px 15px 8px 13px;
  font-family:var(--font-h);font-weight:800;font-size:19px;letter-spacing:.04em;color:#2b1a03;
  background:linear-gradient(180deg,#ffe27a 0%,#ffc93c 45%,#f5a623 100%);
  border-radius:3px;transform:rotate(-1.6deg);
  box-shadow:0 9px 20px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 4px rgba(146,94,4,.45)}
.score-ribbon small{font-size:12px;font-weight:700;opacity:.72}
.score-ribbon::before{content:"";position:absolute;left:-8px;top:4px;width:15px;height:calc(100% - 1px);z-index:-1;
  background:linear-gradient(180deg,#d98a06,#a86403);transform:rotate(2.5deg);
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,42% 50%)}
.score-ribbon::after{content:"";position:absolute;inset:3px;border:1px dashed rgba(90,58,2,.45);border-radius:2px;pointer-events:none}
.score-ribbon--inline{position:relative;top:auto;left:auto}
/* scored card with no photo: the ribbon's absolute anchor (.card-media) collapses
   to zero height, so the ribbon spilled over the card tag below it (Panda Express
   0/100 card, found in the Oct 28, 2026 weekly formatting check). Reserve the
   ribbon's space inside the media block when there is no image to sit on. */
.card-media:has(.score-ribbon):not(:has(.card-img)){min-height:68px}
/* review page verdict strip: the corner composed as one panel */
.verdict-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:20px 0 28px;padding:14px 18px;border-radius:16px;
  background:linear-gradient(180deg,#241708,#150c04);border:1px solid rgba(255,182,39,.38);
  box-shadow:inset 0 1px 0 rgba(255,226,150,.18),inset 0 -10px 18px rgba(0,0,0,.5),0 14px 30px rgba(0,0,0,.4)}
.verdict-strip>span:not(.score-ribbon){background:none;border:none;border-radius:0;padding:0;box-shadow:none;color:var(--cream);font-size:14.5px;font-weight:600}
.recipe-meta .score-ribbon{background:linear-gradient(180deg,#ffe27a 0%,#ffc93c 45%,#f5a623 100%);border:none;border-radius:3px;padding:8px 15px 8px 13px;color:#2b1a03;font-size:19px}
/* Moe Train Approved, review page: stamped plaque with the big seal */
.approved-banner{position:relative;display:flex;align-items:center;justify-content:center;gap:17px;margin:26px 0;padding:20px 24px;border-radius:18px;overflow:hidden;
  background:radial-gradient(130% 170% at 18% -10%,#421c07 0%,#221003 52%,#140a03 100%);
  border:1px solid rgba(255,182,39,.55);
  box-shadow:inset 0 0 0 4px rgba(10,5,2,.9),inset 0 0 0 5px rgba(255,182,39,.35),inset 0 14px 24px rgba(0,0,0,.55),0 18px 38px rgba(0,0,0,.5)}
.approved-banner.reveal{transform:translateY(26px) rotate(-1.1deg)}
.approved-banner.reveal.in{transform:rotate(-1.1deg)}
.approved-banner .seal{width:66px;height:66px;font-size:31px}
.approved-banner .ab-words em{font-size:12px}
.approved-banner .ab-words b{font-size:34px}
.approved-banner::after{content:"★";position:absolute;right:-16px;top:50%;transform:translateY(-50%) rotate(14deg);font-size:124px;color:rgba(255,182,39,.07);pointer-events:none}

/* ============ MOE TRAIN DRINKS (Oct 8, 2026) ============
   Cocktail-bar luxury. Deep ambers, bourbon golds, midnight tones.
   Its own feel: exclusive, energetic, unmistakably Moe. Scoped under .drinks. */
.drinks{--amber:#e09a35;--amber2:#f5c86e;--amber-deep:#8a5a14;--gold:#e8c97a;
  --midnight:#0d0a08;--midnight2:#141009;--cream2:#fdf3df}
.drinks{background:var(--midnight);color:var(--cream2)}
.drinks .crumbs{color:#6f6250}
.drinks .crumbs a{color:#6f6250}

/* hero: the pour */
.drinks-hero{position:relative;overflow:hidden;padding:64px 0 72px;
  background:radial-gradient(110% 90% at 50% -10%,#2b1c0a 0%,#141009 52%,#0d0a08 100%)}
.drinks-hero-glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 46% at 50% 88%,rgba(224,154,53,.22),transparent 70%)}
.drinks .ember{background:radial-gradient(circle,#ffedbe 0%,#f5c86e 52%,rgba(224,154,53,0) 74%)}
.drinks-hero-inner{position:relative;z-index:3}
.drinks-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-h);font-size:15px;font-weight:700;letter-spacing:.3em;color:var(--amber2);text-transform:uppercase;margin-bottom:14px}
.drinks-kicker::before{content:"";width:38px;height:3px;flex:none;background:linear-gradient(90deg,var(--amber),var(--gold));box-shadow:0 0 12px rgba(224,154,53,.8)}
.drinks-title{font-family:var(--font-d);font-weight:400;text-transform:uppercase;line-height:.9;letter-spacing:.01em;
  font-size:clamp(64px,17vw,150px);margin-bottom:16px}
.drinks-title .l1{display:block;color:var(--cream2);text-shadow:0 4px 26px rgba(0,0,0,.7)}
.drinks-title .l2{display:block;
  background:linear-gradient(180deg,#ffe9b0 0%,var(--amber2) 30%,var(--amber) 62%,var(--amber-deep) 100%);
  background-size:100% 240%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:amberflow 5s ease-in-out infinite;
  filter:drop-shadow(0 4px 0 rgba(0,0,0,.75)) drop-shadow(0 0 40px rgba(224,154,53,.35))}
@keyframes amberflow{0%,100%{background-position:50% 0%}50%{background-position:50% 100%}}
.drinks-lede{color:#d8c9a8;font-size:clamp(17px,4.4vw,22px);max-width:600px;font-weight:600;margin-bottom:22px}
.drinks-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.drinks-badges span{font-family:var(--font-h);font-weight:700;font-size:13px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold);border:1px solid rgba(232,201,122,.45);border-radius:999px;padding:9px 17px;
  background:rgba(0,0,0,.5);box-shadow:0 0 18px rgba(224,154,53,.16)}
.drinks-cta{display:flex;gap:14px;flex-wrap:wrap}

/* amber button */
.btn-amber{background:linear-gradient(180deg,#ffd98c 0%,var(--amber2) 35%,var(--amber) 70%,#b06f1d 100%);color:#2a1a05;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
  box-shadow:0 12px 34px rgba(224,154,53,.45),0 3px 0 rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.25)}
.btn-amber:hover{box-shadow:0 16px 44px rgba(224,154,53,.7),0 3px 0 rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.25)}

/* ticker: brass rail */
.drinks-ticker{background:linear-gradient(180deg,#3a2a10,#1c1307 60%,#120c05);color:var(--gold);
  overflow:hidden;white-space:nowrap;border-top:2px solid rgba(232,201,122,.4);border-bottom:2px solid rgba(232,201,122,.4);
  transform:rotate(1deg) scale(1.03);position:relative;z-index:4;box-shadow:0 14px 40px rgba(0,0,0,.55)}
.drinks-ticker .ticker-track{font-family:var(--font-h);font-weight:700;font-size:22px;letter-spacing:.14em;text-transform:uppercase;
  text-shadow:0 0 18px rgba(224,154,53,.4)}

/* section titles in drinks scope */
.drinks .section-kicker{color:var(--amber2)}
.drinks .section-kicker::before{background:linear-gradient(90deg,var(--amber),var(--gold));box-shadow:0 0 12px rgba(224,154,53,.8)}
.drinks .section-title{text-shadow:0 4px 30px rgba(0,0,0,.6)}
.drinks .amber-stroke{color:transparent;-webkit-text-stroke:2px var(--amber2);text-shadow:0 0 26px rgba(224,154,53,.3)}
.drinks .lede{color:#bfae87}
.drinks .band{background:#100c08;border-top:1px solid rgba(232,201,122,.14);border-bottom:1px solid rgba(232,201,122,.14)}
.drinks .band::before{background:linear-gradient(90deg,transparent,rgba(232,201,122,.4),transparent)}

/* cards in drinks scope */
.drinks .card{background:linear-gradient(180deg,#1d150b,#120c06);border:1px solid rgba(232,201,122,.18)}
.drinks .card::before{background:linear-gradient(90deg,transparent,var(--amber) 30%,var(--gold) 50%,var(--amber) 70%,transparent)}
.drinks .card:hover{border-color:rgba(224,154,53,.65);
  box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 36px rgba(224,154,53,.25),inset 0 1px 0 rgba(253,243,223,.08)}
.drinks .card-tag{color:var(--gold);border-color:rgba(232,201,122,.5);box-shadow:0 0 14px rgba(224,154,53,.18)}
.drinks .card h3 a:hover{color:var(--amber2)}
.drinks .card p{color:#bfae87}
.drinks-steps .card-tag{background:rgba(224,154,53,.12)}

/* empty-state archive */
.drinks .coming-soon{background:linear-gradient(180deg,#1d150b,#120c06);border:2px dashed rgba(224,154,53,.55);
  box-shadow:0 16px 44px rgba(0,0,0,.45),0 0 30px rgba(224,154,53,.1)}

/* brand CTA panel */
.drinks-cta-panel{position:relative;overflow:hidden;border-radius:22px;padding:48px 32px;text-align:center;
  background:radial-gradient(120% 150% at 50% -20%,#33220d 0%,#171006 55%,#0d0a08 100%);
  border:1px solid rgba(232,201,122,.3);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 50px rgba(224,154,53,.12)}
.drinks-cta-panel h2{font-family:var(--font-d);font-weight:400;font-size:clamp(38px,9vw,64px);margin:10px 0 14px;color:var(--cream2);text-transform:uppercase;line-height:.95}
.drinks-cta-panel .amber-text{background:linear-gradient(180deg,#ffe9b0,var(--amber2) 45%,var(--amber));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.drinks-cta-panel p{color:#bfae87;max-width:560px;margin:0 auto 26px;font-size:17px}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
  .drinks-title .l2{animation:none}
  .drinks .ember{display:none}
}

/* ============ FOOD NEWS PREMIUM (Oct 12, 2026) ============
   Prose rhythm, featured lead story, category filters, share row,
   related rail. Built to the same bar as the rest of the site. */

/* prose: real paragraph breaks everywhere this wraps a body */
.prose{max-width:760px}
.prose p{margin-bottom:1.15em;line-height:1.75}
.prose p:last-child{margin-bottom:0}
.prose h2,.prose h3{margin:1.25em 0 .5em;color:var(--cheese)}
.prose ul,.prose ol{margin:0 0 1.15em 1.25em}
.prose li{margin-bottom:.45em;line-height:1.65}
.prose blockquote{border-left:4px solid var(--fire);padding:6px 0 6px 20px;margin:24px 0;color:var(--smoke);font-style:italic}
.prose .pullquote{margin:38px 0}

/* featured lead story: full-bleed photo hero */
.featured-card{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,182,39,.3);margin-top:36px;background:#000;
  box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 40px rgba(232,56,13,.12)}
.featured-card .f-media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#000}
.featured-card .f-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.featured-card:hover .f-media img{transform:scale(1.05)}
.featured-card .f-body{padding:26px;background:linear-gradient(180deg,#1e140c,#150d07)}
.featured-card h2{font-family:var(--font-d);font-weight:400;font-size:clamp(32px,6vw,54px);line-height:.96;margin:12px 0 10px;text-transform:uppercase}
.featured-card h2 a{color:var(--cream);transition:color .2s ease}
.featured-card h2 a:hover{color:var(--cheese2)}
/* Weekly pass 2026-10-19: whole Top Story card is the tap target, same
   whole-card rule as .card. The media link stays on top of the overlay. */
.featured-card h2 a::after{content:"";position:absolute;inset:0;z-index:2}
.featured-card .f-media{position:relative;z-index:3}
.featured-card .f-body p{color:var(--smoke);font-size:17px;max-width:640px}
.tag-featured{color:#fff;background:linear-gradient(180deg,#ff4a1a,var(--fire) 60%,var(--fire-deep));border-color:rgba(0,0,0,.4)}
@media(min-width:860px){
  .featured-card .f-media{aspect-ratio:21/9}
  .featured-card .f-body{position:absolute;left:0;right:0;bottom:0;padding:110px 36px 30px;
    background:linear-gradient(180deg,transparent,rgba(10,6,3,.88) 42%,rgba(10,6,3,.97))}
  .featured-card .f-body p{color:var(--cream)}
}

/* category filter chips */
.cat-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}
.cat-chip{font-family:var(--font-h);font-weight:700;font-size:14px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;
  color:var(--smoke);background:linear-gradient(180deg,#241a10,#150d07);border:1px solid rgba(255,182,39,.3);border-radius:999px;padding:9px 18px;
  box-shadow:inset 0 1px 0 rgba(255,246,232,.1),0 6px 16px rgba(0,0,0,.35);transition:all .2s ease}
.cat-chip:hover{color:var(--cheese2);border-color:var(--cheese);transform:translateY(-2px)}
.cat-chip.active{color:#2a1503;background:linear-gradient(180deg,#ffe08a,var(--cheese2) 40%,var(--cheese));border-color:rgba(0,0,0,.35)}

/* article hero */
/* Hall of Fame banner (recipe pages flagged hall_of_fame) */
.hof-banner{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 10px 26px;padding:14px 18px 13px;color:#2a1a05;background:linear-gradient(160deg,#f7dc8f 0%,#eec25e 34%,#d99b33 62%,#c07f22 100%);border-radius:6px;box-shadow:0 14px 34px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(120,72,8,.45);text-align:center}
.hof-banner::after{content:"";position:absolute;inset:5px;border:1.5px dashed rgba(90,55,5,.5);border-radius:3px;pointer-events:none}
.hof-tail{position:absolute;top:9px;width:26px;height:calc(100% - 18px);background:linear-gradient(180deg,#b57e24,#96650f);z-index:-1}
.hof-tail-l{left:-9px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,34% 50%)}
.hof-tail-r{right:-9px;clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%)}
.hof-laurel{width:34px;height:26px;flex:0 0 auto;color:#6e4a08;opacity:.9}
.hof-laurel-r{transform:scaleX(-1)}
.hof-text{display:flex;flex-direction:column;align-items:center;line-height:1}
.hof-over{font-family:"Archivo",sans-serif;font-size:10px;font-weight:800;letter-spacing:.42em;text-transform:uppercase;color:#5e3d06;margin-bottom:3px;padding-left:.42em}
.hof-main{font-family:"Barlow Condensed",sans-serif;font-size:40px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#241503;display:flex;align-items:center;gap:10px;padding-left:.14em}
.hof-star{width:19px;height:19px;color:#7a5207;flex:0 0 auto}
.hof-sub{font-family:"Archivo",sans-serif;font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#5e3d06;margin-top:4px;padding-left:.3em}
@media (max-width:520px){.hof-main{font-size:31px}.hof-laurel{width:26px;height:20px}.hof-banner{margin-left:4px;margin-right:4px}}
.hof-banner-lg{padding:24px 22px 21px;margin-top:8px}
.hof-banner-lg .hof-main{font-size:56px}
.hof-banner-lg .hof-over{font-size:12px}
.hof-banner-lg .hof-sub{font-size:12px}
.hof-banner-lg .hof-laurel{width:46px;height:36px}
.hof-banner-lg .hof-star{width:24px;height:24px}
@media (max-width:520px){.hof-banner-lg .hof-main{font-size:44px;flex-wrap:wrap;justify-content:center;row-gap:2px}.hof-banner-lg .hof-laurel{display:none}.hof-banner-lg{padding-left:14px;padding-right:14px}}
.hof-strip{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:13px 18px;border-radius:8px;color:#241503;background:linear-gradient(120deg,#f2d47e,#dfa83e 55%,#c07f22);font-family:"Archivo",sans-serif;font-size:15px;box-shadow:0 10px 26px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.5);text-decoration:none}
.hof-strip .hof-star{width:20px;height:20px;color:#7a5207}
.hof-strip strong{font-family:"Barlow Condensed",sans-serif;font-size:19px;letter-spacing:.12em;text-transform:uppercase}
.hof-strip-arrow{margin-left:auto;font-weight:800}
.plaque{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0;border:1px solid rgba(238,194,94,.55);border-radius:16px;overflow:hidden;background:linear-gradient(170deg,rgba(238,194,94,.09),rgba(0,0,0,0) 55%);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.plaque-img img{width:100%;height:100%;object-fit:cover;display:block}
.plaque-body{padding:26px 28px}
.plaque-no{font-family:"Archivo",sans-serif;font-size:11px;font-weight:800;letter-spacing:.34em;text-transform:uppercase;color:#eec25e}
.plaque-body h2{font-family:"Barlow Condensed",sans-serif;font-size:34px;line-height:1.05;margin:8px 0 12px;text-transform:uppercase}
.plaque-body h2 a{color:inherit;text-decoration:none}
.plaque-quote{font-size:19px;font-style:italic;line-height:1.45;color:#f5e7c8;border-left:3px solid #eec25e;padding:12px 16px 12px 14px;margin:0 0 14px;border-radius:0 10px 10px 0;background:linear-gradient(90deg,rgba(238,194,94,.09),rgba(238,194,94,.015) 65%,rgba(238,194,94,0))}
.plaque-body p{color:var(--muted,#b8b2a6);margin-bottom:18px}
@media (max-width:640px){.plaque{grid-template-columns:1fr}.plaque-body{padding:20px}}
.ing-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 4px}
.ing-chips-label{font-family:"Archivo",sans-serif;font-size:11px;font-weight:800;letter-spacing:.26em;text-transform:uppercase;color:var(--muted,#b8b2a6);margin-right:4px}
.ing-chip{font-family:"Archivo",sans-serif;font-size:13px;font-weight:700;color:#f2d47e;border:1px solid rgba(238,194,94,.5);border-radius:999px;padding:6px 13px;text-decoration:none;background:rgba(238,194,94,.07)}
.ing-chip:hover{background:rgba(238,194,94,.16)}
/* Hall of Fame luxury pass */
.hof-banner{z-index:0;background:linear-gradient(165deg,#f9e29a 0%,#f0cd6a 26%,#dda93c 52%,#bd8426 78%,#a8741d 100%);border:1px solid #8a5f14;box-shadow:0 18px 40px rgba(0,0,0,.55),inset 0 2px 0 rgba(255,255,255,.65),inset 0 -3px 0 rgba(96,58,4,.5)}
.hof-hero{background:radial-gradient(130% 95% at 50% -10%,rgba(238,194,94,.17),rgba(0,0,0,0) 58%),linear-gradient(180deg,#16110a,#090807);border:1px solid rgba(238,194,94,.38);border-radius:22px;padding:34px 22px 30px;margin-bottom:34px;box-shadow:0 24px 60px rgba(0,0,0,.55),inset 0 1px 0 rgba(238,194,94,.25)}
.hof-hero .page-head{margin-bottom:20px}
.hof-hero .section-kicker{color:#eec25e}
.hof-hero .section-title{color:#f6dd8f;text-shadow:0 2px 22px rgba(238,194,94,.25)}
.hof-hero .lede{color:#d8cfb8}
.hof-rule{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}
.hof-rule-line{display:block;width:86px;height:1px;background:linear-gradient(90deg,rgba(238,194,94,0),#eec25e)}
.hof-rule-line:last-child{background:linear-gradient(90deg,#eec25e,rgba(238,194,94,0))}
.hof-rule-diamond{width:9px;height:9px;background:#eec25e;transform:rotate(45deg);box-shadow:0 0 12px rgba(238,194,94,.7)}
.hof-banner-lg{margin-top:44px;padding:38px 22px 22px;overflow:visible}
.hof-medallion{position:absolute;top:-33px;left:50%;transform:translateX(-50%);width:66px;height:66px;z-index:3;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.hof-medallion svg{width:100%;height:100%;display:block}
.plaque{position:relative;background:linear-gradient(165deg,#1a1610,#0c0a08 70%);border:1px solid rgba(238,194,94,.6);box-shadow:0 24px 54px rgba(0,0,0,.6),inset 0 1px 0 rgba(238,194,94,.22)}
.plaque::before{content:"";position:absolute;inset:9px;border:1px solid rgba(238,194,94,.3);border-radius:9px;pointer-events:none;z-index:2}
.plaque-img{position:relative}
.plaque-img::after{content:"";position:absolute;inset:0;box-shadow:inset -1px 0 0 rgba(238,194,94,.45);pointer-events:none}
.plaque-body{padding:30px 32px}
.plaque-no{display:flex;align-items:center;gap:12px;color:#eec25e}
.plaque-no::before,.plaque-no::after{content:"";height:1px;width:34px;background:linear-gradient(90deg,rgba(238,194,94,0),rgba(238,194,94,.8))}
.plaque-no::after{background:linear-gradient(90deg,rgba(238,194,94,.8),rgba(238,194,94,0))}
.plaque-body h2{color:#f6dd8f;font-size:38px}
.plaque-quote{font-size:21px;color:#f8eed3;border-left-color:#eec25e;background:linear-gradient(90deg,rgba(238,194,94,.08),rgba(0,0,0,0));padding:10px 16px;border-radius:0 10px 10px 0}
@media (max-width:640px){.plaque-body{padding:24px 22px}.plaque-img::after{box-shadow:inset 0 -1px 0 rgba(238,194,94,.45)}}
.article-hero{margin-bottom:28px;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 44px rgba(0,0,0,.5)}
.article-hero img{width:100%}
.article-hero .hero-cap{display:flex;align-items:baseline;gap:10px;padding:13px 16px 15px;font-size:15px;line-height:1.5;color:var(--smoke);background:linear-gradient(180deg,#1e140c,#150d07)}
.article-hero .hero-cap::before{content:"";flex:none;width:26px;height:3px;position:relative;top:-3px;background:linear-gradient(90deg,var(--fire),var(--cheese))}

/* share row */
.share-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:36px 0 8px}
.share-label{font-family:var(--font-h);font-weight:700;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.share-btn{display:inline-block;font-family:var(--font-h);font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--cream);cursor:pointer;
  background:linear-gradient(180deg,#241a10,#150d07);border:1px solid rgba(255,182,39,.35);border-radius:10px;padding:9px 16px;
  box-shadow:0 6px 16px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,246,232,.12);transition:transform .15s ease,box-shadow .25s ease,border-color .2s ease}
.share-btn:hover{transform:translateY(-2px);border-color:var(--cheese);color:var(--cheese2);box-shadow:0 10px 24px rgba(0,0,0,.5),0 0 18px rgba(255,182,39,.3)}

/* sources + related */
.sources-block{margin-top:36px}
.sources-block h2{font-size:30px;margin-bottom:12px;color:var(--cheese)}
.sources-list{list-style:none}
.sources-list li{margin-bottom:7px;font-size:14px}
.sources-list a{color:var(--smoke);word-break:break-all;border-bottom:1px solid var(--line)}
.sources-list a:hover{color:var(--cheese2)}
.related-block{margin-top:56px}
/* clear the fixed header (64px nav + 44px minibar = 109px) with air, so a
   scroll landing never tucks the shelf heading under the bar */
.related-block,.sources-block{scroll-margin-top:124px}
.related-block>h2{font-family:var(--font-d);font-weight:400;font-size:clamp(34px,7vw,52px);color:var(--cheese);text-shadow:0 0 18px rgba(255,182,39,.25)}

/* ============ RECIPES PREMIUM (Oct 12, 2026) ============
   Hero photo, jump links, checklist ingredients, numbered step
   blocks. Same tokens and panel language as the news design. */
.recipe-jump{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}
.recipe-jump a{font-family:var(--font-h);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--cheese2);
  background:linear-gradient(180deg,#241a10,#150d07);border:1px solid rgba(255,182,39,.35);border-radius:999px;padding:9px 18px;
  box-shadow:0 6px 16px rgba(0,0,0,.35);transition:all .2s ease}
.recipe-jump a:hover{color:#2a1503;background:linear-gradient(180deg,#ffe08a,var(--cheese2) 40%,var(--cheese));transform:translateY(-2px)}
.recipe-panel{scroll-margin-top:120px;margin:34px 0;padding:26px 22px;border-radius:18px;border:1px solid var(--line);
  background:linear-gradient(180deg,#1c130b,#140d07);box-shadow:0 18px 44px rgba(0,0,0,.45)}
.recipe-h2{font-family:var(--font-d);font-weight:400;font-size:clamp(30px,6vw,42px);text-transform:uppercase;color:var(--cream);margin-bottom:18px}
.ing-group,.step-group{font-family:var(--font-h);font-weight:700;font-size:19px;letter-spacing:.06em;text-transform:uppercase;color:var(--cheese);margin:24px 0 8px}
.ing-group:first-of-type,.step-group:first-of-type{margin-top:2px}
.ing-list{list-style:none;columns:1;column-gap:48px}
.ing-list li{position:relative;padding:7px 0 7px 34px;line-height:1.55;color:var(--cream);border-bottom:1px dashed rgba(255,246,232,.1);break-inside:avoid}
.ing-list li::before{content:"";position:absolute;left:2px;top:11px;width:15px;height:15px;border:2px solid var(--cheese);border-radius:4px;background:rgba(255,182,39,.08)}
@media(min-width:860px){.ing-list{columns:2}}
.step-block{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,246,232,.08)}
.step-block:last-child{border-bottom:none;padding-bottom:2px}
.step-num{flex:0 0 auto;min-width:52px;font-family:var(--font-d);font-size:44px;line-height:.9;color:var(--fire2);text-shadow:0 0 18px rgba(232,56,13,.35)}
.step-block p{line-height:1.75;color:var(--cream);padding-top:6px}
.protip p{margin:0 0 .6em;line-height:1.7}
.protip p:last-child{margin-bottom:0}

/* recipe cards: photo-led, tight type, no dead space. Used on the
   homepage recipes rail, the /recipes/ index, and the related rail.
   (The generic .card-img anchor is inline, so its aspect-ratio was
   ignored and photos rendered at natural height: hollow cards.) */
.rcard{display:flex;flex-direction:column;background:linear-gradient(180deg,#1e140c,#150d07);
  border:1px solid rgba(255,182,39,.22);border-radius:16px;overflow:hidden;
  box-shadow:0 14px 34px rgba(0,0,0,.45);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.rcard:hover{transform:translateY(-4px);border-color:rgba(255,182,39,.55);box-shadow:0 22px 44px rgba(0,0,0,.55),0 0 24px rgba(232,56,13,.12)}
.rcard-img{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#000;flex:none}
.rcard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.rcard:hover .rcard-img img{transform:scale(1.05)}
.rcard-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.rcard-body h3{font-family:var(--font-h);font-weight:600;font-size:24px;line-height:1.08;letter-spacing:.01em;text-transform:uppercase}
.rcard-body h3 a{color:var(--cream);transition:color .2s ease}
.rcard-body h3 a:hover{color:var(--cheese2)}
.rcard-body p{color:var(--smoke);font-size:15px;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rcard-body .card-meta{margin-top:auto;padding-top:6px}

/* Wing Bowl hero photo: Moe's real sugar-skull entrance shot, presented
   as a framed panel (gradient matte, gold keyline, caption bar) on the
   homepage Wing Bowl section and /wing-bowl/, in the same figure
   language as the featured card and the gallery figures. */
.wb-hero{margin:36px auto;max-width:820px;padding:12px;border-radius:20px;
  background:linear-gradient(180deg,#1e140c,#150d07);
  border:1px solid rgba(255,182,39,.38);
  box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 44px rgba(232,56,13,.12),inset 0 1px 0 rgba(255,246,232,.07)}
.wb-hero .wb-frame{display:block;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.55);
  box-shadow:inset 0 0 0 1px rgba(255,246,232,.06)}
.wb-hero img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 22%;
  transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.wb-hero:hover img{transform:scale(1.03)}
.wb-cap{display:flex;align-items:baseline;gap:10px;padding:13px 8px 3px;font-size:15px;line-height:1.5;color:var(--smoke)}
.wb-cap::before{content:"";flex:none;width:26px;height:3px;position:relative;top:-3px;
  background:linear-gradient(90deg,var(--fire),var(--cheese));box-shadow:0 0 10px rgba(255,90,31,.7)}
@media(min-width:860px){
  .wb-hero{padding:14px}
  .wb-hero img{aspect-ratio:4/3;object-position:center 22%}
  .wb-cap{padding:15px 10px 4px;font-size:16px}
}

/* Wing Bowl 25 table shirt callout band, closing the /wing-bowl/ page:
   fire gradient field in the ticker language, arena display type,
   the second chant line dropped to ink against the red. */
.rh-band{position:relative;background:linear-gradient(180deg,#f04415,var(--fire) 55%,#c22a08);border-top:3px solid #000;border-bottom:3px solid #000;padding:96px 0 64px;text-align:center;overflow:visible}
.rh-plate{position:relative;z-index:2;width:min(440px,86%);margin:-136px auto 0;transform:rotate(2.6deg);border:3px solid #000;outline:3px solid var(--cream);outline-offset:5px;background:#000;box-shadow:16px 18px 0 rgba(0,0,0,.85),0 30px 54px rgba(0,0,0,.35)}
.rh-plate img{display:block;width:100%;height:auto}
.rh-kick{display:inline-block;position:relative;z-index:3;margin-top:-16px;transform:perspective(340px) rotateX(9deg) rotate(-2deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.65),7px 7px 0 rgba(0,0,0,.6),0 18px 30px rgba(0,0,0,.42);font-family:var(--font-h);font-weight:700;font-size:15px;letter-spacing:.28em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,rgba(52,30,15,.95),rgba(10,5,2,.96));border:1px solid rgba(255,246,232,.5);border-radius:999px;padding:7px 18px;text-shadow:0 1px 0 rgba(0,0,0,.85),0 2px 3px rgba(0,0,0,.55)}
.rh-phrase{font-family:var(--font-d);font-size:clamp(64px,15vw,150px);line-height:.95;letter-spacing:.01em;text-transform:uppercase;transform:skewX(-3deg) rotate(-1.5deg);margin-top:26px}
.rh-phrase span{display:block}
.rh-phrase .rh-one{background:linear-gradient(180deg,#fffaf0 0%,#ffefd2 55%,#f7cf8e 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(.02em .02em 0 rgba(26,7,1,.95)) drop-shadow(.04em .04em 0 rgba(26,7,1,.8)) drop-shadow(.06em .06em 0 rgba(26,7,1,.6)) drop-shadow(0 .14em .26em rgba(0,0,0,.45))}
.rh-phrase .rh-two{transform:translateX(.2em) scale(1.04);background:linear-gradient(180deg,#3a1c07 0%,#170b04 60%,#0e0a07 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(.02em .02em 0 rgba(87,20,3,.95)) drop-shadow(.04em .04em 0 rgba(69,15,2,.8)) drop-shadow(.06em .06em 0 rgba(46,9,1,.62)) drop-shadow(0 .14em .26em rgba(0,0,0,.4))}
.rh-line{font-family:var(--font-h);font-weight:600;font-size:18px;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-top:20px;text-shadow:0 2px 6px rgba(0,0,0,.5)}

/* ============ MTE v4: HERO STAGE LIGHT (Oct 13, 2026) ============
   One unified lit-marquee treatment behind the logo badge AND the
   headline: a warm spotlight field spanning both, a gold sheen ring
   on the badge, a gold underglow behind the title, a vignette plus
   copy-zone scrim over the photo, glow embers near the badge, and a
   film grain finish. Every layer is decorative, pointer-events:none,
   and sits behind the hero content. */

/* vignette + scrim: darken hero edges, pool shadow behind the copy
   zone so the type pops harder against the busy photo */
.hero-overlay{
  background:
    radial-gradient(120% 88% at 50% 42%, transparent 56%, rgba(0,0,0,.52) 100%),
    radial-gradient(78% 52% at 50% 82%, rgba(4,2,1,.5), transparent 70%),
    linear-gradient(180deg,rgba(14,10,7,.62) 0%,rgba(14,10,7,.28) 40%,rgba(14,10,7,.95) 88%),
    radial-gradient(80% 60% at 50% 18%,rgba(232,56,13,.32),transparent 70%);
}

/* unified spotlight: one warm field backing badge and headline together */
.hero-wrap{position:relative;z-index:0}
.hero-wrap::before{content:"";position:absolute;z-index:-1;pointer-events:none;
  left:50%;top:34%;width:135%;aspect-ratio:1.55;transform:translate(-50%,-50%);
  background:radial-gradient(50% 50% at 50% 50%,rgba(255,196,64,.34) 0%,rgba(255,150,30,.17) 42%,rgba(232,56,13,.07) 62%,transparent 74%);
  filter:blur(6px)}
@media(min-width:960px){
  .hero-wrap::before{top:44%;width:112%;aspect-ratio:2.1}
}

/* gold sheen ring around the badge, slow rotation */
.hero-logo{position:relative}
.hero-logo::after{content:"";position:absolute;inset:-3.6%;border-radius:50%;pointer-events:none;z-index:1;
  background:conic-gradient(from 210deg,rgba(255,214,110,0) 0deg,rgba(255,214,110,.85) 40deg,rgba(255,170,40,.15) 90deg,rgba(255,214,110,0) 150deg,rgba(255,190,70,.55) 215deg,rgba(255,214,110,0) 300deg,rgba(255,170,40,.3) 340deg,rgba(255,214,110,0) 360deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));
  opacity:.55;filter:drop-shadow(0 0 10px rgba(255,182,39,.35));
  animation:sheenring 90s linear infinite}
@keyframes sheenring{to{transform:rotate(360deg)}}

/* lit-from-behind underglow for the headline */
.hero-title{position:relative;z-index:0}
.hero-title::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-45% -4%;
  background:radial-gradient(50% 55% at 50% 50%,rgba(255,190,60,.32) 0%,rgba(255,130,25,.13) 55%,transparent 78%);
  filter:blur(8px)}

/* warm glow embers drifting slowly around the badge */
.embers::before,.embers::after{content:"";position:absolute;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,#ffd166 0%,rgba(255,122,0,.75) 55%,rgba(232,56,13,0) 78%);
  filter:blur(2px)}
.embers::before{width:9px;height:9px;left:27%;top:33%;opacity:.5;
  box-shadow:56px -38px 0 -1px rgba(255,190,80,.8),-64px -16px 0 0 rgba(255,160,50,.7);
  animation:emberdrift 11s ease-in-out infinite alternate}
.embers::after{width:7px;height:7px;left:66%;top:39%;opacity:.45;
  box-shadow:-48px -52px 0 -1px rgba(255,190,80,.75),74px -24px 0 0 rgba(255,150,45,.65);
  animation:emberdrift 13s ease-in-out -6s infinite alternate-reverse}
@keyframes emberdrift{from{transform:translateY(16px)}to{transform:translateY(-42px)}}
@media(min-width:960px){
  .embers::before{left:64%;top:52%}
  .embers::after{left:84%;top:60%}
}

/* film grain finish across the hero */
.hero::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}

/* reduced motion: no ring rotation, no ember drift */
@media(prefers-reduced-motion:reduce){
  .hero-logo::after{animation:none}
  .embers::before,.embers::after{display:none}
}

/* ============ Moe Train Picks (bracket feature, Oct 14 2026) ============ */
.picks-status{display:inline-block;font-family:var(--font-h);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cheese);font-size:15px;margin-top:10px}
.picks-subhead{font-family:var(--font-h);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(24px,4vw,32px);color:var(--cream);margin:38px 0 14px}
.picks-note{color:var(--muted);font-size:16px;max-width:70ch}
.pick-seal{position:relative;flex:none;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:62px;height:62px;border-radius:50%;transform:rotate(-8deg);
  background:radial-gradient(circle at 32% 28%,#ffd97a,var(--cheese) 55%,#c07f14);
  box-shadow:0 0 0 2px #0e0a07,0 0 0 4px var(--cheese),0 10px 22px rgba(0,0,0,.55),inset 0 -6px 12px rgba(120,60,0,.45),inset 0 4px 8px rgba(255,255,255,.5);
  color:#241300;text-align:center}
.pick-seal svg{width:20px;height:20px;fill:#241300}
.pick-seal span{font-family:var(--font-h);font-weight:700;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;line-height:1}
.pick-seal--big{width:84px;height:84px}
.pick-seal--big svg{width:38px;height:38px}
.pick-seal--photo{position:absolute;top:10px;right:10px;width:66px;height:66px;z-index:2}

/* homepage feature */
.picks-feature{background:linear-gradient(180deg,rgba(232,56,13,.07),rgba(255,182,61,.05) 55%,transparent);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.picks-r2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.picks-r2-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(160deg,#1d130c,#140d08);border:1px solid var(--line);border-radius:16px;padding:14px 16px;color:var(--cream)}
.picks-r2-card:hover{border-color:var(--cheese)}
.picks-r2-side{display:flex;align-items:center;gap:10px;font-family:var(--font-h);font-weight:600;font-size:17px;letter-spacing:.02em;min-width:0}
.picks-r2-side img{height:62px;width:auto;flex:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}
.picks-vs{flex:none;font-family:var(--font-d);font-size:14px;color:#140d08;background:var(--cheese);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #0e0a07,0 0 0 3.5px var(--cheese)}

/* index page */
.picks-current{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;background:linear-gradient(150deg,#20140c,#120c07);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:10px}
.picks-current-main{padding:30px 30px 34px}
.picks-edition{display:inline-block;font-family:var(--font-h);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;color:var(--cheese);border:1px solid rgba(255,182,61,.5);border-radius:999px;padding:5px 12px}
.picks-current-main h3{font-family:var(--font-d);font-size:clamp(28px,4.6vw,40px);color:var(--cream);margin:16px 0 10px;line-height:1.05}
.picks-current-main p{color:var(--muted);font-size:17px;max-width:56ch}
.picks-current-cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.picks-winners{background:rgba(255,182,61,.05);border-left:1px solid var(--line);padding:26px 24px}
.picks-winners h4{font-family:var(--font-h);text-transform:uppercase;letter-spacing:.08em;color:var(--cheese);font-size:15px;margin-bottom:14px}
.picks-winners ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}
.picks-winners li{display:flex;align-items:center;gap:9px;font-family:var(--font-h);font-weight:600;font-size:15.5px;color:var(--cream);min-width:0}
.picks-winners li img{height:54px;width:auto;flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.picks-article-list{display:grid;gap:0;border-top:1px solid var(--line)}
.picks-article-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;padding:15px 6px;border-bottom:1px solid var(--line);color:var(--cream)}
.picks-article-row:hover{background:rgba(255,182,61,.05)}
.picks-article-num{font-family:var(--font-h);font-weight:700;color:var(--cheese);letter-spacing:.06em;text-transform:uppercase;font-size:13px;flex:none}
.picks-article-title{font-family:var(--font-h);font-weight:600;font-size:20px;letter-spacing:.02em}
.picks-article-winner{margin-left:auto;color:var(--muted);font-size:14.5px}
.history-table{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:20px}
.history-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px;background:#150e09;color:var(--cream);font-size:16px}
.history-row + .history-row{border-top:1px solid var(--line)}
.history-head{background:#1d130c;font-family:var(--font-h);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:13px;color:var(--cheese)}
.history-live{color:var(--cheese);font-weight:700}

/* hub / bracket board */
.storyline-panel{border:1px solid var(--line);border-left:5px solid var(--fire);border-radius:16px;background:linear-gradient(140deg,#1e1209,#130c07);padding:26px 28px;margin-bottom:34px}
.storyline-panel p{color:var(--cream);font-size:18.5px;max-width:75ch}
.bracket-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.bracket-round-name{font-family:var(--font-d);font-size:22px;color:var(--cheese);letter-spacing:.03em;margin-bottom:14px;text-transform:uppercase}
.match-card{background:linear-gradient(165deg,#1c120b,#120c07);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px}
.match-side{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;min-width:0}
.match-side.is-winner{background:rgba(255,182,61,.09);box-shadow:inset 3px 0 0 var(--cheese)}
.match-side.is-out{opacity:.48}
.match-bottle{height:74px;width:auto;flex:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.6))}
.match-name{font-family:var(--font-h);font-weight:600;font-size:19px;color:var(--cream);letter-spacing:.02em;min-width:0}
.match-side .pick-seal{margin-left:auto;width:56px;height:56px}
.match-vs{text-align:center;font-family:var(--font-d);font-size:12px;color:var(--muted);letter-spacing:.3em;padding:2px 0}
.match-link{display:block;margin-top:12px;font-family:var(--font-h);font-weight:700;letter-spacing:.04em;font-size:15.5px;color:var(--cheese);text-transform:uppercase}
.match-link--next{color:var(--muted)}
.final-panel{border:1px solid rgba(255,182,61,.45);border-radius:16px;background:radial-gradient(120% 160% at 20% 0%,rgba(255,182,61,.14),rgba(232,56,13,.08) 55%,#130c07);padding:24px 26px}
.final-kicker{font-family:var(--font-h);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cheese);font-size:14px;margin-bottom:10px}
.final-panel p{color:var(--cream);font-size:17px}
.final-note{color:var(--muted);font-size:14.5px;margin-top:12px}
.picks-hub-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

/* matchup detail */
.faceoff{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:start;margin:30px 0 8px}
.faceoff-side{margin:0;min-width:0}
.faceoff-photo{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#1a110a}
.faceoff-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.faceoff-vs{align-self:center;font-family:var(--font-d);font-size:17px;color:#140d08;background:var(--cheese);border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #0e0a07,0 0 0 5px var(--cheese),0 12px 24px rgba(0,0,0,.5)}
.faceoff-cap{display:flex;align-items:center;gap:10px;margin-top:12px;font-family:var(--font-h);font-weight:700;font-size:19px;color:var(--cream);letter-spacing:.02em}
.faceoff-bottle{height:58px;width:auto;flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.picks-video{margin:30px 0}
.picks-video video{width:100%;max-height:70vh;border-radius:16px;border:1px solid var(--line);background:#000;display:block}
.picks-video figcaption{color:var(--muted);font-size:14.5px;margin-top:10px;text-align:center}
.verdict-strip{display:flex;gap:18px;align-items:center;border:1px solid rgba(255,182,61,.5);border-radius:18px;background:linear-gradient(140deg,rgba(255,182,61,.12),rgba(232,56,13,.06));padding:22px 24px;margin:34px 0}
.verdict-label{font-family:var(--font-h);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cheese);font-size:13.5px;margin-bottom:4px}
.verdict-text{color:var(--cream);font-size:18.5px}
.product-box{border:1px solid var(--line);border-top:4px solid var(--cheese);border-radius:18px;background:linear-gradient(165deg,#1d130c,#120c07);padding:26px 28px;margin:34px 0}
.product-box-kicker{font-family:var(--font-h);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cheese);font-size:13px}
.product-box-title{font-family:var(--font-h);font-weight:700;font-size:25px;color:var(--cream);margin:6px 0 8px}
.product-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--line)}
.product-info{flex:1 1 260px;min-width:0}
.product-name{font-family:var(--font-h);font-weight:700;font-size:19px;color:var(--cream)}
.product-note{color:var(--muted);font-size:15.5px;margin-top:3px}
.product-btn{flex:none}
.ftc-note{color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:14px;margin-top:8px}
/* matchup article footer: brands strip + bracket nav */
.picks-foot{margin:42px 0 10px}
.picks-brands{border:1px solid var(--line);border-top:4px solid var(--cheese);border-radius:18px;background:linear-gradient(165deg,#1d130c,#120c07);padding:24px 28px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.picks-brands-kicker{display:flex;align-items:center;gap:12px;font-family:var(--font-h);font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--cheese);font-size:13px;margin-bottom:8px}
.picks-brands-kicker::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,182,39,.5),transparent)}
.picks-brands-text{color:var(--smoke);font-size:16.5px;line-height:1.55;max-width:62ch}
.picks-brands-link{color:var(--cheese);font-weight:700;white-space:nowrap;border-bottom:2px solid rgba(255,182,39,.45);padding-bottom:1px;transition:color .2s ease,border-color .2s ease}
.picks-brands-link:hover{color:var(--cheese2);border-color:var(--cheese2)}
.picks-brands-arrow{display:inline-block;transition:transform .2s ease}
.picks-brands-link:hover .picks-brands-arrow{transform:translateX(3px)}
.post-nav{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:14px}
.post-nav-link{display:block;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,#1c120b,#120c07);padding:20px 22px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.post-nav-link:hover{border-color:rgba(255,182,39,.55);transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.45)}
.post-nav-label{display:block;font-family:var(--font-h);font-weight:700;font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.post-nav-title{display:block;font-family:var(--font-h);font-weight:700;font-size:23px;line-height:1.08;letter-spacing:.02em;color:var(--cream)}
.post-nav-link:hover .post-nav-title{color:var(--cheese2)}
@media (min-width:760px){
  .post-nav{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .post-nav-link--hub{text-align:center}
  .post-nav-link--next{text-align:right}
}
@media (max-width:759px){
  .picks-brands{padding:20px}
}

/* ranked page */
.rank-list{display:grid;gap:12px;margin-top:16px}
.rank-row{display:flex;align-items:center;gap:16px;background:linear-gradient(160deg,#1c120b,#120c07);border:1px solid var(--line);border-radius:16px;padding:12px 18px;min-width:0}
.rank-num{font-family:var(--font-d);font-size:30px;color:var(--cheese);width:44px;flex:none;text-align:center}
.rank-bottle{height:66px;width:auto;flex:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.55))}
.rank-name{font-family:var(--font-h);font-weight:700;font-size:21px;color:var(--cream)}
.rank-sub{color:var(--muted);font-size:14.5px}
.rank-sub a{color:var(--cheese)}
.rank-row--out{opacity:.78}

@media (max-width:900px){
  .bracket-board{grid-template-columns:minmax(0,1fr)}
  .picks-current{grid-template-columns:minmax(0,1fr)}
  .picks-winners{border-left:none;border-top:1px solid var(--line)}
}
@media (max-width:560px){
  .picks-r2{grid-template-columns:minmax(0,1fr)}
  .history-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faceoff{gap:9px}
  .faceoff-vs{width:42px;height:42px;font-size:14px}
  .faceoff-cap{font-size:16px}
  .faceoff-bottle{height:46px}
  .verdict-strip{padding:18px}
  .product-box{padding:22px 20px}
  .picks-article-winner{margin-left:0}
}

/* ============ PICKS HERO TREATMENT (Oct 14, 2026) ============
   Picks index + wing sauces hub get the full show-open treatment:
   bottle strip riding the hero, host medallion on the hub, drop-date
   teaser labels in the bracket board. Real photos + bottle art only. */
.hero--picks{min-height:88vh}
.hero--picks .hero-title{white-space:nowrap}
.keep-line{white-space:nowrap}
.hero-split{display:grid;gap:28px;grid-template-columns:1fr;align-items:center}
@media(min-width:920px){.hero-split{grid-template-columns:1.05fr .95fr;gap:42px}}
.hero-bottles{display:flex;gap:10px;overflow-x:auto;padding:14px 2px 4px;margin-top:10px;scrollbar-width:none;animation:fadein 1s 1.15s both}
.hero-bottles::-webkit-scrollbar{display:none}
.hero-bottles img{height:78px;width:auto;flex:none;filter:drop-shadow(0 10px 14px rgba(0,0,0,.6));animation:floaty 6s ease-in-out infinite}
.hero-bottles img:nth-child(2n){animation-delay:.7s}
.hero-bottles img:nth-child(3n){animation-delay:1.4s}
.hero-bottles img:nth-child(4n){animation-delay:2.1s}
.hero-bottles img:nth-child(5n){animation-delay:2.8s}
.hero-bottles--big img{height:104px}
.hero-bottles-label{font-family:var(--font-h);font-weight:700;font-size:15px;letter-spacing:.24em;text-transform:uppercase;color:var(--cheese2);margin-top:22px;animation:fadein 1s 1.1s both;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.hero-host{display:inline-flex;align-items:center;gap:12px;margin-top:20px;animation:fadein 1s 1.2s both}
.hero-host img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid var(--cheese);box-shadow:0 0 0 3px rgba(0,0,0,.6),0 0 22px rgba(255,182,39,.35)}
.hero-host span{font-family:var(--font-h);font-weight:700;font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream);text-shadow:0 2px 10px rgba(0,0,0,.85)}
.match-link--drop{color:var(--cheese)}
.picks-detail-page .faceoff-photo img{object-position:center 22%}
@media(prefers-reduced-motion:reduce){
  .hero-bottles,.hero-bottles img,.hero-bottles-label,.hero-host{animation:none}
}

/* ============ Voice pass energy layer (Oct 16, 2026) ============
   Broadcast energy, turned up one notch: the kicker bar breathes,
   outlined headline words glow, winning Picks seals pulse, and Picks
   rows lean in on hover. Transform and filter only, no layout shift.
   Everything here freezes under reduced motion. */
.section-kicker::before{transform-origin:left center;animation:kickerpulse 2.8s ease-in-out infinite}
@keyframes kickerpulse{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.55)}}
.section-title .stroke{animation:strokeglow 4.2s ease-in-out infinite}
@keyframes strokeglow{0%,100%{text-shadow:0 0 18px rgba(255,182,39,.22)}50%{text-shadow:0 0 42px rgba(255,182,39,.5)}}
.match-side.is-winner .pick-seal{animation:sealpulse 2.6s ease-in-out infinite}
@keyframes sealpulse{0%,100%{filter:drop-shadow(0 0 0 rgba(255,182,39,0))}50%{filter:drop-shadow(0 0 14px rgba(255,182,39,.6))}}
.picks-article-row{transition:transform .25s ease,border-color .25s ease}
.picks-article-row:hover,.picks-article-row:active{transform:translateX(6px)}
@media(prefers-reduced-motion:reduce){
  .section-kicker::before,.section-title .stroke,.match-side.is-winner .pick-seal{animation:none}
  .picks-article-row{transition:none}
  .picks-article-row:hover,.picks-article-row:active{transform:none}
}

/* FROM THE VAULT: the Wing Bowl archive. Full-bleed arena scale, gold on black. */
.vault-home{position:relative;overflow:hidden;background:#000;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vault-home-media{position:absolute;inset:0;z-index:0}
.vault-home-media img{width:100%;height:100%;object-fit:cover;animation:kenburns 26s ease-in-out infinite alternate}
.vault-home-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,10,7,.72) 0%,rgba(14,10,7,.38) 42%,rgba(14,10,7,.96) 92%),radial-gradient(85% 60% at 50% 30%,rgba(232,56,13,.26),transparent 72%)}
.vault-home-shade::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px)}
.vault-home-inner{position:relative;z-index:2;padding:84px 0 76px}
.vault-home-title{font-family:var(--font-d);font-weight:400;font-size:clamp(56px,13vw,128px);line-height:.9;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 5px 34px rgba(0,0,0,.75)}
.vault-home-title .stroke{color:transparent;-webkit-text-stroke:2.5px var(--cheese);text-shadow:0 0 32px rgba(255,182,39,.35)}
.vault-scale{font-family:var(--font-h);font-weight:700;font-size:clamp(21px,5vw,32px);letter-spacing:.04em;text-transform:uppercase;color:var(--cream);max-width:800px;margin:20px 0 6px;text-shadow:0 2px 14px rgba(0,0,0,.85)}
.vault-scale b{color:var(--cheese)}
.vault-home-inner .lede{color:var(--cream);text-shadow:0 2px 12px rgba(0,0,0,.85);max-width:680px}
.proof-row{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 6px}
.proof-row span{font-family:var(--font-h);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--cheese2);background:linear-gradient(180deg,rgba(36,26,16,.92),rgba(21,13,7,.92));border:1px solid rgba(255,182,39,.45);border-radius:999px;padding:9px 18px;box-shadow:0 8px 22px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,246,232,.14)}
.vault-motto{font-family:var(--font-d);font-weight:400;font-size:clamp(44px,10vw,84px);letter-spacing:.03em;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,90,31,.85);text-transform:uppercase;margin:30px 0 4px;text-shadow:0 0 34px rgba(232,56,13,.25)}
.vault-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}

.vault-hero{min-height:82vh}
.vault-hero .lede{max-width:700px}
.vault-open{max-width:460px;margin:0 auto}
.vault-open video{width:100%;border-radius:18px;border:1px solid rgba(255,182,39,.35);box-shadow:0 24px 60px rgba(0,0,0,.6),0 0 44px rgba(232,56,13,.18);background:#000}
.vault-open-pending{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,182,39,.35);box-shadow:0 24px 60px rgba(0,0,0,.6)}
.vault-open-pending img{width:100%;aspect-ratio:16/10;object-fit:cover}
.vault-open-badge{position:absolute;inset:auto 0 0 0;padding:44px 20px 18px;background:linear-gradient(180deg,transparent,rgba(10,6,3,.94));font-family:var(--font-h);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:16px;color:var(--cheese2)}
.ep-grid{display:grid;gap:20px;grid-template-columns:1fr;margin-top:32px}
@media(min-width:760px){.ep-grid{grid-template-columns:repeat(3,1fr)}}
.ep-card{position:relative;display:block;background:linear-gradient(180deg,#1e140c,#150d07);border:1px solid rgba(255,182,39,.16);border-radius:18px;padding:26px 24px;overflow:hidden;transition:transform .2s ease,border-color .25s ease,box-shadow .3s ease;color:var(--cream)}
.ep-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--fire),var(--cheese));opacity:.85}
.ep-card:hover{transform:translateY(-6px);border-color:rgba(255,90,31,.65);box-shadow:0 20px 44px rgba(0,0,0,.55),0 0 26px rgba(232,56,13,.22);color:var(--cream)}
.ep-card h3{font-size:30px;margin-bottom:10px}
.ep-card h3 .go{color:var(--cheese)}
.ep-card p{color:var(--smoke);font-size:15px}
.ep-card .card-tag{margin-bottom:12px}
.drop-banner{margin-top:26px;border:1px solid rgba(255,182,39,.35);border-radius:20px;padding:30px 26px;background:radial-gradient(130% 140% at 50% 0%,#2c1c0d 0%,var(--ink2) 65%);text-align:center;box-shadow:inset 0 2px 0 rgba(255,246,232,.08),0 18px 44px rgba(0,0,0,.5)}
.drop-banner h3{font-family:var(--font-d);font-weight:400;font-size:clamp(30px,7vw,46px);letter-spacing:.02em;margin-bottom:10px}
.drop-banner p{color:var(--smoke);max-width:620px;margin:0 auto}
.vault-closing{text-align:center}
.vault-closing .vault-motto{font-size:clamp(64px,17vw,170px);margin:6px 0 10px}
.vault-closing p{color:var(--smoke);max-width:600px;margin:0 auto}
@media(prefers-reduced-motion:reduce){.vault-home-media img{animation:none}}

/* Cataldi pull quote: the headline proof point, designed treatment. */
.cataldi-quote{position:relative;margin:30px 0 8px;padding:30px 28px 24px;border-radius:20px;max-width:860px;
  background:linear-gradient(180deg,rgba(30,20,12,.94),rgba(21,13,7,.94));
  border:1px solid rgba(255,182,39,.5);
  box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 34px rgba(255,182,39,.16),inset 0 2px 0 rgba(255,246,232,.12)}
.cataldi-quote::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,var(--fire),var(--cheese),var(--fire))}
.cataldi-quote .qmark{font-family:var(--font-d);font-size:64px;line-height:.6;color:var(--fire2);display:block;margin-bottom:14px;text-shadow:0 0 22px rgba(232,56,13,.6)}
.cataldi-quote blockquote{font-family:var(--font-d);font-weight:400;font-size:clamp(28px,6.4vw,50px);line-height:1.04;letter-spacing:.015em;text-transform:uppercase;
  background:linear-gradient(180deg,#ffe08a 0%,var(--cheese) 55%,#e09a10 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 0 rgba(0,0,0,.65))}
.cataldi-quote figcaption{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
.cataldi-quote .who{font-family:var(--font-h);font-weight:700;font-size:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream)}
.cataldi-quote .role{font-size:14px;color:var(--smoke)}
.cataldi-quote .tag{flex-basis:100%;font-family:var(--font-h);font-weight:700;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:var(--fire2)}
.quote-band{padding:52px 0 8px}
.quote-band .cataldi-quote{margin:0 auto}
.gallery--vault img{aspect-ratio:3/2}

/* For Media page (added Oct 20, 2026) */
.fm-film{display:grid;gap:26px;align-items:center}
@media(min-width:840px){.fm-film{grid-template-columns:1.02fr 1fr}}
.fm-photo{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--ink2);box-shadow:0 16px 36px rgba(0,0,0,.45)}
.fm-photo img{width:100%;height:auto;display:block}
.fm-photo figcaption{padding:12px 14px;font-size:14px;color:var(--smoke)}
.fm-single{max-width:680px;margin-top:30px}
.watch-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* for-media build-out (Oct 20, 2026): photo bands on coverage cards, gallery credit */
.ep-img{position:relative;margin:-26px -24px 20px;aspect-ratio:16/9;overflow:hidden;background:#000;border-bottom:1px solid rgba(255,182,39,.16)}
.ep-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ep-card:hover .ep-img img{transform:scale(1.06)}
.photo-credit{margin-top:16px;font-size:12.5px;letter-spacing:.05em;color:var(--muted)}

/* Ask the Interviewer (added Oct 20, 2026): the on-the-record Q&A, home + page */
.ati-kick{display:inline-block;font-family:var(--font-h);font-weight:700;font-size:12px;letter-spacing:.3em;
  text-transform:uppercase;color:#0e0a07;background:linear-gradient(180deg,var(--cheese2),var(--cheese));
  padding:7px 16px;border-radius:4px;transform:skewX(-8deg);box-shadow:0 0 22px rgba(255,182,39,.4)}
.ati-feature .pullquote{margin:16px 0 0}
.pq-context{display:block;margin-top:10px;font-family:var(--font-b);font-size:13px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--smoke)}
.ati-list{display:grid;gap:20px;margin-top:34px}
.ati-item{background:linear-gradient(180deg,#1e140c,#140d07);border:1px solid rgba(255,182,39,.18);
  border-radius:18px;padding:26px;box-shadow:0 16px 36px rgba(0,0,0,.4)}
.ati-q{display:flex;gap:16px;align-items:flex-start}
.ati-qn{font-family:var(--font-d);font-size:28px;line-height:1;color:var(--fire2);flex:none;padding-top:2px;
  text-shadow:0 0 14px rgba(255,90,31,.45)}
.ati-qtext{margin:0;font-family:var(--font-h);font-weight:700;font-size:clamp(22px,3.6vw,28px);
  line-height:1.12;color:var(--cream)}
.ati-a{margin:12px 0 0;color:var(--smoke);font-size:16.5px;line-height:1.65;max-width:74ch}
.ati-video{margin-top:18px}
.ati-list .pullquote{margin:0}

/* Ask the Interviewer graphics pass (Oct 20, 2026): press pass, waveform
   soundbites, contact sheet strips, cue card questions, count-up stats */

/* hero row: badge + stats */
.ati-hero-flex{display:flex;flex-wrap:wrap;gap:26px;align-items:flex-start;margin-top:30px}
.ati-stats{flex:1 1 340px;margin-top:0;grid-template-columns:repeat(2,1fr)}
.ati-stats .stat{padding:18px 12px}
.ati-stats .stat-num{font-size:42px}
.ati-stats .stat-label{font-size:12px}

/* 1. press pass badge */
.press-pass{position:relative;flex:none;width:248px;max-width:82vw;margin-top:20px;padding:30px 16px 16px;
  background:linear-gradient(165deg,#2b1a0d 0%,#180f07 70%);border:1px solid rgba(255,182,39,.55);border-radius:16px;
  transform:rotate(-4deg);box-shadow:0 26px 50px rgba(0,0,0,.6),0 0 30px rgba(255,182,39,.14);text-align:center}
.press-pass.pp-mini{width:206px}
.pp-strap{position:absolute;left:50%;top:-21px;transform:translateX(-50%);width:56px;height:26px;
  border:3px solid #6d5a35;border-bottom:none;border-radius:12px 12px 0 0;background:rgba(0,0,0,.25)}
.pp-strap::after{content:"";position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);width:16px;height:10px;
  border-radius:3px;background:linear-gradient(180deg,#e8c877,#9a7b34);box-shadow:0 2px 5px rgba(0,0,0,.5)}
.pp-band{position:absolute;top:0;left:0;right:0;padding:7px 0 6px;border-radius:15px 15px 0 0;
  background:linear-gradient(90deg,var(--fire-deep),var(--fire) 45%,var(--cheese));
  font-family:var(--font-h);font-weight:700;font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:#fff6e8;
  text-shadow:0 1px 3px rgba(0,0,0,.45)}
.pp-photo{margin-top:8px;border-radius:9px;overflow:hidden;border:2px solid rgba(255,246,232,.85);
  box-shadow:0 8px 20px rgba(0,0,0,.5)}
.pp-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:50% 22%;display:block}
.pp-name{margin-top:13px;font-family:var(--font-d);font-weight:400;font-size:37px;line-height:1;letter-spacing:.02em;
  color:var(--cream);text-transform:uppercase}
.pp-mini .pp-name{font-size:31px}
.pp-role{margin-top:5px;font-family:var(--font-h);font-weight:600;font-size:13.5px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--cheese)}
.pp-meta{display:flex;justify-content:center;gap:8px;margin-top:12px}
.pp-meta span{font-family:var(--font-h);font-weight:600;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--smoke);border:1px solid rgba(255,246,232,.22);border-radius:999px;padding:3px 10px;white-space:nowrap}
.pp-mini .pp-meta{flex-direction:column;align-items:center;gap:6px}
.pp-barcode{margin:14px auto 2px;width:118px;height:24px;opacity:.75;
  background:repeating-linear-gradient(90deg,var(--cream) 0 2px,transparent 2px 5px,var(--cream) 5px 6px,transparent 6px 10px,var(--cream) 10px 13px,transparent 13px 16px,var(--cream) 16px 17px,transparent 17px 21px)}

/* 2. waveform soundbites under ATI pull quotes */
.pq-wave{display:block;width:min(308px,100%);height:22px;margin-top:16px;opacity:.92}

/* 3. contact sheet strip */
.ati-strip{margin:6px 0;background:#080503;border:1px solid rgba(255,182,39,.28);border-radius:14px;
  padding:13px 14px 15px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.ati-sprockets{display:block;height:9px;margin:0 2px;
  background-image:radial-gradient(circle 3.2px at 8px 50%,rgba(255,246,232,.85) 3.1px,transparent 3.6px);
  background-size:24px 9px;background-repeat:repeat-x}
.ati-sprockets:first-child{margin-bottom:11px}
.ati-sprockets + .ati-strip-cap{margin-top:0}
.ati-frames + .ati-sprockets{margin-top:11px;margin-bottom:12px}
.ati-frames{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ati-frame{border-radius:5px;overflow:hidden;border:1px solid rgba(255,246,232,.25);background:#000}
.ati-frame img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.ati-strip-cap{margin-top:14px;font-size:15.5px;line-height:1.5;color:var(--cream)}
.ati-credit{display:block;margin-top:5px;font-size:12.5px;letter-spacing:.05em;color:var(--muted)}
@media(max-width:560px){
  .ati-frames{grid-template-columns:1fr 1fr}
  .ati-frame:last-child{grid-column:1 / -1}
  .ati-frame:last-child img{aspect-ratio:16/8;object-position:50% 12%}
}

/* 4. cue card questions */
.ati-item{padding:0 26px 26px}
.ati-card{position:relative;z-index:1;margin:-14px -8px 18px;padding:20px 20px 17px 66px;
  background:linear-gradient(172deg,#fffaf0 0%,#f6e9d0 88%);border-radius:10px;color:#1c1208;
  box-shadow:0 14px 28px rgba(0,0,0,.5),inset 0 0 0 1px rgba(120,84,20,.25)}
.ati-card::after{content:"";position:absolute;left:14px;right:14px;bottom:9px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,rgba(232,56,13,.5),rgba(255,182,39,.5))}
.ati-card.tilt-l{transform:rotate(-1deg)}
.ati-card.tilt-r{transform:rotate(1deg)}
.ati-card .ati-qn{position:absolute;top:-13px;left:14px;padding:5px 12px 4px;border-radius:6px;
  background:linear-gradient(180deg,var(--fire2),var(--fire-deep));color:#fff6e8;
  font-family:var(--font-d);font-size:19px;line-height:1;letter-spacing:.05em;
  text-shadow:0 1px 2px rgba(0,0,0,.4);box-shadow:0 6px 14px rgba(0,0,0,.45);transform:rotate(-3deg)}
.ati-mic{position:absolute;left:17px;top:50%;transform:translateY(-54%);width:34px;height:34px;border-radius:50%;
  background:linear-gradient(180deg,var(--cheese2),var(--cheese));color:#241300;
  display:flex;align-items:center;justify-content:center;box-shadow:0 5px 12px rgba(0,0,0,.35)}
.ati-mic svg{width:20px;height:20px}
.ati-card .ati-qtext{margin:0;font-family:var(--font-h);font-weight:700;font-size:clamp(21px,3.4vw,27px);
  line-height:1.1;color:#1c1208;text-transform:uppercase}
.ati-a{margin-top:2px}
@media(max-width:480px){
  .ati-item{padding:0 18px 22px}
  .ati-card{margin:-12px -4px 16px;padding:18px 15px 15px 58px}
  .ati-mic{left:13px;width:30px;height:30px}
  .ati-mic svg{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){
  .ati-card.tilt-l,.ati-card.tilt-r{transform:none}
  .press-pass{transform:none}
}

/* ============ NAVIGATION UPGRADE (Oct 22, 2026) ============
   Sticky mini bar with section-aware back control, prev/next cards,
   sticky bottom mobile nav. Same pattern on every Moe site. */

/* sticky mini bar: second row inside the fixed header, interior pages only */
.minibar{display:flex;align-items:center;justify-content:space-between;gap:14px;height:44px;padding:0 20px;background:rgba(14,10,7,.96);border-top:1px solid var(--line)}
.minibar-back{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 6px;margin-left:-6px;color:var(--cream);font-family:var(--font-h);font-size:17px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.minibar-back:hover{color:var(--cheese)}
.minibar-arrow{font-size:19px;color:var(--fire2);line-height:1}
.minibar-latest{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--smoke);font-size:13.5px}
.minibar-latest:hover{color:var(--cheese2)}
.minibar-latest-tag{flex:none;font-family:var(--font-h);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0e0a07;background:linear-gradient(90deg,var(--fire2),var(--cheese));padding:3px 8px;border-radius:999px}
.minibar-latest-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* the taller header stack (64 + 44) needs more clearance on crumb-led pages */
body.has-minibar .crumbs{margin-top:124px}
body.has-minibar .page-hero .crumbs{margin-top:92px}
body.has-minibar .hero .crumbs{margin-top:0}
/* breadcrumbs inside full-screen heroes sit in the hero, not under the header */
.hero .crumbs{margin:0 0 14px;color:rgba(255,246,232,.85);text-shadow:0 1px 8px rgba(0,0,0,.8)}
.hero .crumbs a{color:var(--cheese2)}

/* prev / next cards: no dead-end articles */
.pn-nav{display:grid;gap:14px;grid-template-columns:1fr;margin-top:44px}
@media(min-width:760px){.pn-nav{grid-template-columns:1fr 1fr}.pn-card--solo{grid-column:2}}
.pn-card{display:flex;gap:14px;align-items:center;min-height:104px;padding:14px;background:linear-gradient(150deg,var(--ink3),var(--ink2));border:1px solid var(--line);border-radius:16px;color:var(--cream)}
.pn-card:hover{border-color:rgba(255,182,39,.45);color:var(--cream)}
.pn-img{width:84px;height:84px;flex:none;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.pn-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.pn-label{font-family:var(--font-h);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--fire2)}
.pn-card--next .pn-label{color:var(--cheese)}
.pn-title{font-family:var(--font-h);font-size:21px;font-weight:700;line-height:1.05;text-transform:uppercase;letter-spacing:.02em}
.pn-teaser{color:var(--smoke);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* sticky bottom mobile nav: Home, main sections, Latest (phone width only) */
.bottomnav{display:none}
@media(max-width:959px){
  .bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(14,10,7,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
  .bottomnav::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--fire) 30%,var(--cheese) 50%,var(--fire) 70%,transparent);opacity:.8}
  .bottomnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:6px 2px 7px;color:var(--smoke);font-family:var(--font-h);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
  .bottomnav a svg{width:22px;height:22px;fill:currentColor}
  .bottomnav a.active{color:var(--cheese)}
  body{padding-bottom:calc(57px + env(safe-area-inset-bottom))}
}

/* ---------- v3 display depth (Oct 24, 2026): extruded, lifted display type site-wide.
   Em-scaled stacked shadows give Anton/Barlow display lines physical thickness;
   neon glows on numbers are replaced with deep tonal extrusion. Outline (.stroke)
   words keep their own declared treatment. */
.section-title,.page-hero h1,.page-head h1,.recipe-head h1{text-shadow:.018em .018em 0 rgba(10,4,0,.88),.036em .036em 0 rgba(10,4,0,.68),.054em .054em 0 rgba(10,4,0,.48),0 .16em .6em rgba(0,0,0,.5)}
.capture h2,.featured-card h2,.drinks-cta-panel h2,.recipe-h2{text-shadow:.02em .02em 0 rgba(10,4,0,.85),.04em .04em 0 rgba(10,4,0,.6),0 .15em .55em rgba(0,0,0,.5)}
.wrap .section>h2,.ingredients h2,.steps h2,.related-block>h2{text-shadow:.024em .024em 0 rgba(43,20,0,.92),.048em .048em 0 rgba(28,12,0,.62),0 .15em .55em rgba(0,0,0,.45)}
.stat .n,.stat .stat-num{text-shadow:.03em .03em 0 rgba(43,20,0,.95),.06em .06em 0 rgba(26,12,0,.75),0 .13em .45em rgba(0,0,0,.5)}
.tl-year,.step-num,.q-num{text-shadow:.032em .032em 0 rgba(74,13,2,.92),.064em .064em 0 rgba(46,8,1,.68),0 .13em .45em rgba(0,0,0,.45)}
.hero-title{text-shadow:0 2px 0 rgba(0,0,0,.9),0 4px 0 rgba(0,0,0,.78),0 7px 0 rgba(0,0,0,.55),0 18px 46px rgba(0,0,0,.6)}
.hero-title .fire{filter:drop-shadow(0 2px 0 rgba(0,0,0,.88)) drop-shadow(0 5px 0 rgba(0,0,0,.6)) drop-shadow(0 9px 0 rgba(0,0,0,.38)) drop-shadow(0 18px 32px rgba(0,0,0,.5))}
.drinks-title .l1{text-shadow:.02em .02em 0 rgba(10,4,0,.88),.04em .04em 0 rgba(10,4,0,.62),0 .15em .55em rgba(0,0,0,.5)}
.drinks-title .l2{filter:drop-shadow(0 3px 0 rgba(0,0,0,.8)) drop-shadow(0 6px 0 rgba(0,0,0,.5)) drop-shadow(0 16px 30px rgba(0,0,0,.45))}
.pullquote .pq-text,.quote{text-shadow:.016em .016em 0 rgba(0,0,0,.6),0 .1em .4em rgba(0,0,0,.35)}
.section-kicker,.recipe-kicker,.drinks-kicker,.card-tag{text-shadow:.045em .045em 0 rgba(0,0,0,.55)}
.foot-grid h2.foot-title,.foot-cross .foot-title{text-shadow:.03em .03em 0 rgba(0,0,0,.6)}

/* accessibility pass (Oct 26, 2026): skip link and a visible keyboard focus ring sitewide */
.skip-link{position:fixed;top:-100px;left:16px;z-index:300;background:linear-gradient(180deg,#ff7a2e,var(--fire) 72%,var(--fire-deep));color:#fff;font-family:var(--font-h);font-weight:700;font-size:17px;letter-spacing:.08em;text-transform:uppercase;padding:12px 22px;border-radius:999px;border:1px solid rgba(0,0,0,.45);box-shadow:0 12px 30px rgba(0,0,0,.55);transition:top .2s ease}
.skip-link:focus{top:12px;color:#fff}
main{scroll-margin-top:76px}
:focus-visible{outline:3px solid var(--cheese);outline-offset:2px;border-radius:4px}

/* ---------- site search (Oct 29, 2026) ---------- */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.head-search-btn{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--cheese);
  font-family:var(--font-h);font-weight:700;font-size:17px;letter-spacing:.14em;text-transform:uppercase;
  border:1px solid rgba(255,182,39,.4);border-radius:999px;padding:9px 16px;background:rgba(255,182,39,.06);
  transition:border-color .2s,color .2s,background .2s}
.head-search-btn svg{width:17px;height:17px;fill:var(--cheese);flex:none}
.head-search-btn:hover{color:var(--cheese2);border-color:var(--cheese);background:rgba(255,182,39,.13)}
.mmenu-search{padding:10px 0 14px;border-bottom:1px solid var(--line)}
.mmenu-search form{display:flex;gap:8px}
.mmenu-search input{flex:1;min-width:0;background:var(--ink3);border:1px solid var(--line);border-radius:10px;
  color:var(--cream);font-family:var(--font-b);font-size:16px;padding:12px 14px}
.mmenu-search input:focus{outline:none;border-color:var(--cheese)}
.mmenu-search button{flex:none;background:linear-gradient(180deg,#ff7a2e,var(--fire));color:#fff;border:0;border-radius:10px;
  font-family:var(--font-h);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:16px;padding:12px 18px;cursor:pointer}
.search-form{display:flex;gap:10px;max-width:720px;margin:26px 0 14px}
.search-form input{flex:1;min-width:0;background:var(--ink2);border:1px solid rgba(255,182,39,.3);border-radius:14px;
  color:var(--cream);font-family:var(--font-b);font-size:18px;padding:16px 18px}
.search-form input::placeholder{color:var(--muted)}
.search-form input:focus{outline:none;border-color:var(--cheese);box-shadow:0 0 0 3px rgba(255,182,39,.18)}
.search-form .btn{border-radius:14px;padding:16px 28px;font-size:19px}
.search-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.search-chips button{background:rgba(255,246,232,.04);border:1px solid var(--line);border-radius:999px;color:var(--smoke);
  font-family:var(--font-h);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:14px;
  padding:8px 15px;cursor:pointer;transition:color .2s,border-color .2s}
.search-chips button:hover{color:var(--cheese);border-color:var(--cheese)}
.search-status{font-family:var(--font-h);letter-spacing:.22em;text-transform:uppercase;font-size:14px;color:var(--muted);margin:14px 0 4px;min-height:1.2em}
.search-empty{border:1px dashed rgba(255,182,39,.35);border-radius:18px;padding:34px 26px;max-width:720px;margin-top:22px}
.search-empty h2{font-size:34px;margin-bottom:8px}
.search-empty p{color:var(--smoke)}
@media(max-width:560px){
  .head-search-btn span{display:none}
  .head-search-btn{padding:10px 12px}
  .search-form{flex-direction:column}
  .search-form .btn{width:100%}
}

/* ---- Food Videos framed shares (Nov 1, 2026) ----
   Web version of the v4 framed share treatment: the video is the main
   focus, the frame serves the video. Flat color only, Eats red band,
   headline and credit sized under the picture. */
.fv-top{padding:132px 0 4px}
.fv-frame{background:#171008;border:1px solid rgba(255,246,232,.16);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.fv-band{background:#c40e1e;padding:12px 18px 11px;border-bottom:4px solid #0e0a07}
.fv-kicker{display:block;font-family:var(--font-b);font-weight:700;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,246,232,.88)}
.fv-window{padding:10px 10px 0}
.fv-window .embed{border:3px solid var(--cream);border-radius:10px}
.fv-window video{width:100%;display:block;background:#000;border:3px solid var(--cream);border-radius:10px}
.fv-credit{margin:0;padding:11px 18px 15px;text-align:center;font-size:14.5px;line-height:1.5;color:var(--smoke)}
.fv-brand{display:block;margin-top:5px;font-family:var(--font-b);font-weight:700;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--fire2)}
.fv-frame .fv-head{font-family:var(--font-h);font-weight:700;font-size:27px;line-height:1;text-transform:uppercase;color:#fff;margin:3px 0 0}
.fv-featured .fv-band{padding:16px 22px 14px}
.fv-featured .fv-head{font-size:clamp(34px,6vw,54px)}
.fv-featured .fv-kicker{font-size:12px}
/* food videos hero (Nov 1, 2026): page-hero shell over the Wing Bowl 25
   photo of Moe, featured trailer in the framed share treatment inside it */
.fv-hero-frame{max-width:920px;margin:30px auto 4px;box-shadow:0 34px 90px rgba(0,0,0,.7),0 0 74px rgba(232,56,13,.3)}
@media(max-width:640px){.fv-hero-frame{margin-top:22px}}
/* food videos hero rebuild (Nov 2, 2026): the vault table shot of Moe,
   front-facing at the Wing Bowl 25 table, set as a framed photo at the
   top of the hero in the same treatment as the Wing Bowl page hero frame.
   The source is exactly 3:2 and the frame keeps that ratio, so the photo
   is never cover-cropped at any width: his full head, the name plate,
   and the whole table stay in frame, and no headline sits on his face. */
.fv-hero{display:block;min-height:0;padding:148px 0 48px}
.fv-hero .hero-media{position:relative;inset:auto;width:min(920px,calc(100% - 32px));margin:0 auto 30px;padding:10px;border-radius:20px;background:linear-gradient(160deg,#241209,#120905);border:1px solid rgba(255,182,39,.22);box-shadow:0 34px 90px rgba(0,0,0,.7),0 0 74px rgba(232,56,13,.22);transform:none!important;will-change:auto}
.fv-hero .hero-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 32%;display:block;border-radius:12px;animation:none}
.fv-hero .hero-overlay{display:none}
.fv-hero .hero-content{padding-bottom:0;transform:none!important}
body.has-minibar .page-hero.fv-hero .crumbs,.fv-hero .crumbs{margin-top:0}
.fv-dom{font-family:var(--font-d);font-weight:400;font-size:clamp(30px,7.5vw,52px);line-height:1;letter-spacing:.03em;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px rgba(255,90,31,.9);text-shadow:0 0 26px rgba(232,56,13,.25);margin-top:16px}

/* Events calendar (Nov 2, 2026) */
.ev-month{font-family:"Barlow Condensed",sans-serif;font-size:1.5rem;letter-spacing:.04em;text-transform:uppercase;margin:34px 0 4px;color:#ffb227}
.ev-tile{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px;background:linear-gradient(135deg,#8f1300,#c81e05 55%,#e8490f);color:#fff}
.ev-tile-name{font-family:"Anton",sans-serif;font-size:1.35rem;line-height:1.1;text-transform:uppercase}
.ev-tile-date{font-family:"Barlow Condensed",sans-serif;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;opacity:.92}
.ev-tile-lg{border-radius:18px;min-height:180px;margin-top:8px}
.ev-tile-lg .ev-tile-name{font-size:2rem}
.ev-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ev-actions .btn{padding:.55rem 1rem;font-size:.95rem}
.ev-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}
.ev-h{font-family:"Barlow Condensed",sans-serif;font-size:1.4rem;text-transform:uppercase;letter-spacing:.04em;margin-top:30px}

/* Weekly pass 2026-11-02: event card action buttons stay tappable
   above the whole-card title overlay, and related rail images
   decode off the main thread. */
.card .ev-actions{position:relative;z-index:3}