:root {
  color-scheme: dark;
  --ink:#020c15; --ghost:#071321; --bone:#edf5ea; --muted:rgba(237,245,234,.68);
  --acid:#9edb32; --cherry:#7a1420; --ember:#ff981f; --line:rgba(237,245,234,.15);
  --gutter:clamp(1.15rem,5vw,5.5rem); --display:"Bricolage Grotesque","Arial Black",sans-serif; --body:"Literata",Georgia,serif;
  --hero-progress:0; --rear:0; --ignite:0; --impact:0; --food-progress:0; --food-shift:0px;
}
*{box-sizing:border-box} html{background:var(--ink);scroll-behavior:smooth} body{background:var(--ink);color:var(--bone);font-family:var(--body);margin:0;min-width:20rem;overflow-x:hidden}
img{display:block;max-width:100%} a{color:inherit} a:focus-visible{outline:3px solid var(--acid);outline-offset:5px}
.skip-link{background:var(--bone);color:var(--ink);left:1rem;padding:.7rem 1rem;position:fixed;top:-5rem;z-index:100}.skip-link:focus{top:1rem}
.site-header{align-items:center;backdrop-filter:blur(18px);background:rgba(2,12,21,.76);border-bottom:1px solid var(--line);display:flex;inset:0 0 auto;justify-content:space-between;padding:.8rem var(--gutter);position:fixed;z-index:50}
.brand-lockup{align-items:center;display:flex;gap:1rem;text-decoration:none}.brand-lockup img{height:3.35rem;width:3.35rem}.brand-lockup span{font:700 1.08rem/1 var(--display);letter-spacing:.13em;text-transform:uppercase}
.site-header nav{align-items:center;display:flex;gap:clamp(.8rem,2vw,2rem)}.site-header nav a{font:700 .72rem/1 var(--display);letter-spacing:.09em;text-decoration:none;text-transform:uppercase}.nav-cta{border:1px solid var(--acid);color:var(--acid);padding:.8rem 1rem}

.hero-cinematic{height:100svh;position:relative}.hero-stage{align-items:center;display:grid;grid-template-columns:minmax(0,.86fr) minmax(28rem,1.14fr);height:100svh;overflow:hidden;padding:clamp(7rem,10vw,9rem) var(--gutter) 4rem;position:relative}
.hero-stage::before{background:radial-gradient(circle,rgba(122,20,32,.3),transparent 64%);content:"";height:70vw;max-height:70rem;max-width:70rem;position:absolute;right:-28vw;top:-32vw;width:70vw}.hero-stage::after{background:linear-gradient(0deg,var(--ink) 0,transparent 13%),linear-gradient(90deg,rgba(2,12,21,.28),transparent 55%);content:"";inset:0;pointer-events:none;position:absolute;z-index:2}
.hero-copy{max-width:47rem;position:relative;z-index:5}.hero-product-lockup{align-items:center;display:flex;gap:1rem;left:71.5%;position:absolute;top:clamp(7rem,10vw,9rem);transform:translateX(-50%);z-index:7}.hero-product-lockup img{height:clamp(4.75rem,7vw,6.75rem);width:clamp(4.75rem,7vw,6.75rem)}.hero-product-lockup span{color:var(--bone);font:700 clamp(1.5rem,2.65vw,3rem)/.9 var(--display);letter-spacing:-.035em;text-shadow:0 2px 1rem rgba(2,12,21,.9);text-transform:uppercase}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.055em;margin:0;text-transform:uppercase;text-wrap:balance}h1{font-size:clamp(3.7rem,6.45vw,7.85rem);line-height:.87}h1 span,h1 em{display:block}.setup-line{transform:translateY(calc(var(--rear) * -1.2rem))}
.impact-line{color:var(--ember);font-style:normal;margin-top:clamp(1.8rem,2.5vw,3rem);opacity:0;transform:translateY(5rem) scale(.82);transform-origin:left center}.movie-playing .impact-line{animation:earn-impact 8s cubic-bezier(.18,.8,.18,1) both}@keyframes earn-impact{0%,37%{opacity:0;transform:translateY(5rem) scale(.82)}40%{opacity:1;transform:translateY(-.25rem) scale(1.1)}44%{opacity:1;transform:translateY(.12rem) scale(.98)}48%,100%{opacity:1;transform:translateY(0) scale(1)}}
.hero-description{color:var(--muted);font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.75;margin:clamp(2.4rem,3vw,3.6rem) 0 0;max-width:39rem;opacity:calc(1 - var(--impact) * .22)}.pepper-line{color:var(--acid);font:700 .72rem/1 var(--display);letter-spacing:.1em;margin-top:1.5rem;text-transform:uppercase}
.actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.button{background:var(--cherry);color:var(--bone);font:700 .78rem/1 var(--display);letter-spacing:.08em;padding:1.15rem 1.35rem;text-decoration:none;text-transform:uppercase}.button span{color:var(--acid);margin-left:.9rem}.status{color:var(--muted);font-size:.7rem;letter-spacing:.07em;text-transform:uppercase}
.hero-art{align-items:center;display:flex;grid-column:2;grid-row:1;height:calc(100svh - 7rem);justify-content:center;min-height:42rem;position:relative;z-index:1}
.hero-motion{filter:drop-shadow(0 0 4rem rgba(158,219,50,.08));height:min(83svh,59rem);inset:50% auto auto 50%;mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 84%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 5%,#000 93%,transparent 100%);mask-composite:intersect;object-fit:contain;opacity:0;position:absolute;transform:translate(-50%,-50%);width:100%;z-index:3}.motion-ready .hero-motion{opacity:1}.motion-ready .hero-image,.motion-ready .ghost-lift,.motion-ready .spectral-rise,.motion-ready .energy-ring,.motion-ready .coal-bed,.motion-ready .impact-flare,.motion-ready .embers{opacity:0}
.hero-image,.ghost-lift{filter:drop-shadow(0 0 4rem rgba(158,219,50,.08));height:min(83svh,59rem);inset:50% auto auto 50%;mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 84%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 5%,#000 93%,transparent 100%);mask-composite:intersect;object-fit:contain;position:absolute;transform:translate(-50%,calc(-50% - var(--rear) * 2.7rem)) rotate(calc(var(--rear) * -1.2deg)) scale(calc(1 + var(--rear) * .025));width:100%;z-index:2}
.ghost-lift{clip-path:polygon(22% 8%,56% 8%,58% 66%,24% 70%);filter:saturate(1.2) brightness(1.18) drop-shadow(0 0 1.2rem rgba(102,229,238,.38));opacity:calc(var(--rear) * .42);transform:translate(-50%,calc(-50% - var(--rear) * 5.2rem)) scale(calc(1 + var(--rear) * .035));z-index:3}
.spectral-rise{background:radial-gradient(ellipse at 48% 60%,rgba(87,225,231,.28),transparent 62%);filter:blur(18px);height:54%;left:13%;opacity:calc(var(--rear) * .66);position:absolute;top:calc(26% - var(--rear) * 8%);transform:scale(calc(.82 + var(--rear) * .22));width:45%;z-index:1}
.energy-ring{aspect-ratio:1;background:conic-gradient(from 205deg,transparent 0 11%,var(--acid) 18%,#75ecee 38%,var(--acid) 61%,transparent 72%);border-radius:50%;filter:drop-shadow(0 0 1.2rem rgba(158,219,50,.72));height:min(67svh,46rem);left:50%;mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px));opacity:calc(var(--ignite) * .88);position:absolute;top:50%;transform:translate(-50%,-50%) rotate(calc((1 - var(--ignite)) * -54deg)) scale(calc(.84 + var(--ignite) * .16));z-index:1}
.coal-bed{bottom:10%;display:flex;gap:.7rem;justify-content:center;left:25%;opacity:calc(.1 + var(--ignite) * .9);position:absolute;right:16%;z-index:4}.coal-bed i{background:radial-gradient(circle at 50% 100%,var(--ember),var(--cherry) 44%,transparent 70%);filter:blur(5px);height:calc(.4rem + var(--ignite) * 1.5rem);width:3.1rem}
.impact-flare{background:radial-gradient(ellipse,rgba(255,152,31,.9),rgba(122,20,32,.42) 34%,transparent 70%);bottom:2%;filter:blur(8px);height:28%;left:20%;opacity:var(--impact);position:absolute;right:10%;transform:scale(calc(.4 + var(--impact) * .75));z-index:1}
.embers{bottom:13%;inset-inline:22% 12%;position:absolute;z-index:5}.embers i{animation:ember-rise 2.8s ease-out infinite;background:var(--ember);border-radius:50%;bottom:0;box-shadow:0 0 .5rem var(--ember);height:3px;left:calc(var(--n) * 9%);opacity:calc(var(--ignite) * .8);position:absolute;width:3px}
.embers i:nth-child(1){--n:1;animation-delay:-.4s}.embers i:nth-child(2){--n:2;animation-delay:-1.4s}.embers i:nth-child(3){--n:3;animation-delay:-2.2s}.embers i:nth-child(4){--n:4;animation-delay:-.8s}.embers i:nth-child(5){--n:5;animation-delay:-1.9s}.embers i:nth-child(6){--n:6;animation-delay:-.1s}.embers i:nth-child(7){--n:7;animation-delay:-2.4s}.embers i:nth-child(8){--n:8;animation-delay:-1.1s}.embers i:nth-child(9){--n:9;animation-delay:-1.7s}.embers i:nth-child(10){--n:10;animation-delay:-.6s}@keyframes ember-rise{0%{transform:translateY(0) scale(.5)}70%{opacity:calc(var(--ignite) * .65)}100%{opacity:0;transform:translateY(-9rem) translateX(1.2rem) scale(1.4)}}
.heat-stamp{bottom:5%;display:grid;gap:.4rem;position:absolute;right:1rem;z-index:6}.heat-stamp strong{font:700 .7rem/1 var(--display);letter-spacing:.12em;text-align:right;text-transform:uppercase}.heat-stamp i{background:var(--cherry);display:inline-block;height:.45rem;margin-left:.25rem;width:1.5rem}
.motion-toggle{background:rgba(2,12,21,.72);border:1px solid rgba(237,245,234,.28);bottom:1rem;color:var(--bone);cursor:pointer;font:700 .61rem/1 var(--display);left:50%;letter-spacing:.1em;padding:.65rem .8rem;position:absolute;text-transform:uppercase;transform:translateX(-50%);z-index:8}.motion-toggle:hover,.motion-toggle:focus-visible{border-color:var(--acid);color:var(--acid)}.movie-holding .motion-toggle::before{background:var(--ember);border-radius:50%;content:"";display:inline-block;height:.42rem;margin-right:.5rem;width:.42rem}.motion-paused .motion-toggle{border-color:var(--acid);color:var(--acid)}
.hero-progress,.scroll-cue{display:none}

.food-cinematic{height:600svh;position:relative}.food-stage{background:linear-gradient(180deg,#020c15,#071321 55%,#020c15);height:100svh;overflow:hidden;padding:clamp(5.5rem,8vh,7rem) 0 2.5rem;position:sticky;top:0}.food-heading{align-items:end;display:grid;gap:2rem;grid-template-columns:.3fr 1.7fr;padding:0 var(--gutter);position:relative;z-index:5}.section-kicker{color:var(--acid);font:700 .68rem/1.2 var(--display);letter-spacing:.16em;margin:0 0 .6rem;text-transform:uppercase}
.food-heading h2{font-size:clamp(2.6rem,4.4vw,5rem);line-height:.88;max-width:78rem}.food-heading h2 em{color:var(--ember);display:block;font-style:normal;margin-top:.45rem;opacity:clamp(0,calc((var(--food-progress) - .015) * 14),1);transform:translateY(calc((1 - clamp(0,calc((var(--food-progress) - .015) * 14),1)) * 1.4rem))}
.food-track{display:flex;gap:1.2rem;margin-top:clamp(1.35rem,2.2vh,2rem);padding:0 var(--gutter);transform:translate3d(calc(var(--food-shift) * -1),0,0);width:max-content;will-change:transform}.food-card{aspect-ratio:3/4;background:var(--ghost);flex:0 0 auto;height:min(60vh,45rem);overflow:hidden;position:relative}.food-card::after{background:linear-gradient(0deg,rgba(2,12,21,.72),transparent 38%);content:"";inset:0;pointer-events:none;position:absolute}.food-card img{height:100%;object-fit:contain;object-position:center;transform:none;width:100%}
.card-copy{bottom:1.8rem;left:1.8rem;position:absolute;right:1.8rem;z-index:4}.card-copy span{color:var(--acid);font:700 .68rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase}.card-copy h3{font-size:clamp(2.1rem,4vw,4.4rem);margin-top:.45rem}
.steam,.smoke{inset:0;pointer-events:none;position:absolute;z-index:3}.steam i,.smoke i{animation:steam-rise 4.8s ease-in infinite;background:linear-gradient(90deg,transparent,rgba(237,245,234,.32),transparent);border-radius:50%;filter:blur(8px);height:7rem;left:calc(24% + var(--p) * 19%);opacity:.1;position:absolute;top:42%;width:2.2rem}.steam i:nth-child(1),.smoke i:nth-child(1){--p:0;animation-delay:-1s}.steam i:nth-child(2),.smoke i:nth-child(2){--p:1;animation-delay:-3.1s}.steam i:nth-child(3),.smoke i:nth-child(3){--p:2;animation-delay:-2s}.smoke i{background:linear-gradient(90deg,transparent,rgba(237,245,234,.2),transparent);height:10rem;top:34%;width:3.4rem}@keyframes steam-rise{0%{opacity:0;transform:translateY(1rem) scale(.7)}30%{opacity:.42}100%{opacity:0;transform:translateY(-8rem) translateX(1.5rem) scale(1.25)}}
.heat-haze{animation:haze 3s ease-in-out infinite;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,152,31,.08) 14px 18px,transparent 20px 34px);filter:blur(8px);inset:15% 4% 32%;position:absolute;z-index:2}@keyframes haze{50%{transform:translateY(-1rem) skewX(-2deg)}}
.oven-glow{animation:oven-open 6s ease-in-out infinite;background:linear-gradient(90deg,transparent 28%,rgba(255,152,31,.34));inset:0;mix-blend-mode:screen;position:absolute;transform-origin:right;z-index:2}@keyframes oven-open{0%,18%,100%{opacity:.08}45%,72%{opacity:.65}}
.food-endcap{align-items:center;background:var(--ink);display:flex;flex:0 0 min(45vw,37rem);justify-content:center;overflow:hidden;padding:0}.food-endcap img{height:100%;max-width:none;object-fit:contain;transform:scale(1.3);width:100%}
.food-rail{background:rgba(237,245,234,.12);bottom:3.6rem;height:2px;left:var(--gutter);position:absolute;right:var(--gutter)}.food-rail span{background:var(--ember);display:block;height:100%;transform:scaleX(var(--food-progress));transform-origin:left}.study-note{bottom:1rem;color:rgba(237,245,234,.46);font-size:.64rem;left:var(--gutter);letter-spacing:.035em;margin:0;position:absolute;right:var(--gutter)}

.closing{align-items:center;background:radial-gradient(circle at 50% 42%,rgba(122,20,32,.3),transparent 35rem);display:flex;justify-content:center;min-height:calc(100svh - 4rem);padding:clamp(5.75rem,9vh,7rem) var(--gutter) clamp(2.5rem,5vh,4rem);text-align:center}.closing-inner{max-width:75rem}.hot-af-lockup{height:clamp(6.1rem,9.85vw,9.85rem);margin:0 auto 2rem;position:relative;width:clamp(18.6rem,29.55vw,29.55rem)}.hot-af-lockup .hot-mark{height:clamp(8rem,13vw,13rem);left:0;margin:0;position:absolute;top:50%;transform:translateY(-50%);width:clamp(8rem,13vw,13rem)}.hot-af-lockup .af-mark{height:clamp(13.1rem,21.3vw,21.3rem);margin:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:clamp(13.1rem,21.3vw,21.3rem)}.closing h2{font-size:clamp(3rem,6.25vw,7rem);line-height:.88}.closing h2 em{color:var(--ember);display:block;font-style:normal}.closing .button{display:inline-block;margin-top:2.25rem}footer{border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:.72rem;justify-content:flex-start;letter-spacing:.05em;padding:1.4rem var(--gutter);text-transform:uppercase}

@media(max-width:1024px){.site-header nav>a:not(.nav-cta){display:none}.brand-lockup{gap:.7rem}.brand-lockup img{height:2.85rem;width:2.85rem}.brand-lockup span{font-size:.92rem}.hero-cinematic{height:280svh}.hero-stage{display:flex;flex-direction:column;padding-bottom:2rem;padding-top:9.5rem}.hero-stage::after{background:linear-gradient(90deg,rgba(2,12,21,.98) 0,rgba(2,12,21,.84) 58%,rgba(2,12,21,.58)),linear-gradient(0deg,var(--ink) 0,transparent 32%,rgba(2,12,21,.55) 100%)}.hero-copy{width:100%}.hero-product-lockup{left:64%;top:5.75rem}.hero-product-lockup img{height:3.25rem;width:3.25rem}.hero-product-lockup span{font-size:1.1rem;letter-spacing:.015em}h1{font-size:clamp(3rem,12.8vw,5.1rem)}.impact-line{margin-top:1rem}.hero-description{font-size:.91rem;line-height:1.58;margin-top:1.2rem;max-width:90%}.pepper-line{line-height:1.55;margin-top:1rem;max-width:90%}.actions{margin-top:1.2rem}.status{display:none}.hero-art{inset:5rem 0 0;min-height:0;opacity:.68;position:absolute;width:100%}.hero-image,.ghost-lift{height:100%;mask-image:none;object-fit:cover;object-position:64% center;width:100%}.ghost-lift{clip-path:polygon(23% 5%,64% 5%,64% 72%,24% 72%)}.energy-ring{height:48svh;left:64%}.heat-stamp,.scroll-cue{display:none}.food-cinematic{height:470svh}.food-stage{padding-top:6.4rem}.food-heading{display:block}.food-heading h2{font-size:clamp(2.55rem,10vw,4.5rem)}.section-kicker{margin-bottom:.75rem}.food-card{aspect-ratio:.82;flex-basis:min(82vw,31rem)}.food-track{margin-top:2rem}.food-endcap{flex-basis:80vw}.study-note{font-size:.58rem}footer{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-cinematic,.food-cinematic{height:auto}.hero-stage,.food-stage{min-height:100svh;position:relative}.hero-stage{--hero-progress:1;--rear:1;--ignite:1;--impact:1}.food-stage{--food-progress:1;--food-shift:0px;height:auto;overflow:visible}.food-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));transform:none;width:auto}.food-card,.food-endcap{aspect-ratio:1;min-width:0;width:auto}.embers i,.steam i,.smoke i,.heat-haze,.oven-glow{animation:none}.ghost-lift{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:1024px){.food-track{grid-template-columns:1fr}}
@media(max-width:1024px){.hero-motion{height:100%;mask-image:none;object-fit:cover;object-position:64% center;width:100%}}
@media(max-width:1024px){.impact-line{margin-top:1.5rem}.hero-description{margin-top:1.8rem}}
@media(max-width:1024px){.hero-cinematic{height:100svh}.hero-stage{position:relative}.food-cinematic{height:580svh}.food-heading h2{font-size:clamp(2.15rem,8.6vw,3.7rem)}.food-card{aspect-ratio:3/4;flex-basis:auto;height:min(56vh,32rem)}}
@media(min-width:1025px) and (max-height:1000px){.hero-stage{padding-bottom:2rem;padding-top:6.5rem}.hero-art{height:calc(100svh - 5rem);min-height:0}.hero-motion,.hero-image,.ghost-lift{height:min(78svh,46rem)}.hero-product-lockup{top:6rem}.hero-product-lockup img{height:4.5rem;width:4.5rem}.hero-product-lockup span{font-size:1.7rem}h1{font-size:clamp(3.2rem,5.3vw,5.5rem)}.impact-line{margin-top:1.5rem}.hero-description{line-height:1.5;margin-top:1.5rem}.actions{margin-top:1.25rem}.motion-toggle{bottom:2rem}}
@media(max-width:1024px) and (max-height:720px){.hero-stage{padding-top:8.6rem}.hero-product-lockup{top:5.55rem}.hero-product-lockup img{height:2.8rem;width:2.8rem}.hero-product-lockup span{font-size:1rem}h1{font-size:clamp(2.65rem,11.5vw,4rem)}.impact-line{margin-top:.85rem}.hero-description{line-height:1.45;margin-top:1rem}.pepper-line{font-size:.65rem;margin-top:.8rem}.actions{margin-top:.9rem}.food-stage{padding-top:5.25rem}.food-heading h2{font-size:clamp(2rem,8vw,3.2rem)}.food-track{margin-top:1.25rem}.food-card{height:min(47vh,25rem)}}
@media(max-width:1024px){.closing{padding-top:5.5rem}.closing h2{font-size:clamp(2.5rem,11vw,3.25rem)}}
@media(prefers-reduced-motion:reduce){.hero-motion,.motion-toggle{display:none}.motion-ready .hero-image{opacity:1}}
@media(prefers-reduced-motion:reduce){.impact-line{animation:none;opacity:1;transform:none}}
.hero-motion{object-position:center}
.food-card video{background:var(--ghost);height:100%;inset:0;object-fit:contain;opacity:0;position:absolute;width:100%;z-index:1}.food-card video.food-motion-ready{opacity:1}.food-card>img{position:relative;z-index:0}.food-card::after{z-index:2}
.food-motion-toggle{background:transparent;border:1px solid var(--acid);color:var(--acid);cursor:pointer;font:700 .65rem/1 var(--display);letter-spacing:.08em;margin-top:.65rem;padding:.65rem .8rem;text-transform:uppercase}.food-motion-toggle:focus-visible{outline:2px solid var(--bone);outline-offset:3px}.low-motion .food-card video,.low-motion .food-motion-toggle{display:none}
/* Fit the food sequence into the viewport, reserving space for copy and rail. */
.product-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(4rem,7vw,7rem) var(--gutter);scroll-margin-top:6rem}
.product-details{text-align:center}.product-details h2{font-size:clamp(2.5rem,4vw,5rem);line-height:1}
.product-description{color:var(--muted);font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.6}
.approved-bottle{width:clamp(11rem,19vw,17rem);height:auto;margin:1.5rem auto 0}
.product-use{margin:0;position:relative}.product-use img{width:100%;height:auto;max-height:46rem;object-fit:contain}
.product-use figcaption{text-align:center;color:var(--muted);font-size:.85rem;padding-top:1rem}
.food-cinematic{scroll-margin-top:5rem}
.food-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) 2px auto;gap:1.2rem;padding-bottom:1rem}
.food-track{height:100%;margin-top:0;min-height:0}
.food-card{height:100%;max-height:45rem;aspect-ratio:3/4}
.food-card img{object-fit:cover}
.card-copy h3{font-size:clamp(1.3rem,3.6vh,2.5rem);line-height:1.05;overflow-wrap:normal}
.food-rail{position:static;margin:0 var(--gutter)}
.study-note{position:static;margin:0;padding:0 var(--gutter);line-height:1.5}
@media(max-width:1024px){
  .product-story{grid-template-columns:1fr;padding:3.5rem var(--gutter);gap:2.5rem}
  .approved-bottle{width:55vw;max-width:15rem}
  .food-cinematic{height:auto}
  .food-stage{height:auto;position:relative;overflow:visible;display:block;padding:3rem 0}
  .food-heading h2 em{opacity:1;transform:none}
  .food-track{height:auto;display:flex;width:100%;transform:none;margin-top:1.75rem;padding-bottom:1rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;will-change:auto}
  .food-card{height:auto;width:78vw;max-width:28rem;flex:0 0 78vw;scroll-snap-align:center}
  .food-endcap{flex:0 0 78vw;aspect-ratio:3/4;scroll-snap-align:center}
  .food-rail{display:none}
  .study-note{margin-top:1rem}
}
@media(prefers-reduced-motion:reduce){
  .food-stage{display:block;height:auto}
  .food-heading h2 em{opacity:1;transform:none}
  .food-track{height:auto;margin-top:1.75rem}
  .food-card{height:auto;max-height:none}
  .study-note{margin-top:1rem}
}
@media(prefers-reduced-motion:reduce){.food-card video,.food-motion-toggle{display:none}}
:is(.low-motion,:root:not(.js)) .food-cinematic{height:auto}:is(.low-motion,:root:not(.js)) .food-stage{display:block;height:auto;position:relative;overflow:visible}:is(.low-motion,:root:not(.js)) .food-heading h2 em{opacity:1;transform:none}:is(.low-motion,:root:not(.js)) .food-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;margin-top:1.75rem;transform:none;width:auto}:is(.low-motion,:root:not(.js)) .food-card,:is(.low-motion,:root:not(.js)) .food-endcap{height:auto;width:auto;max-height:none;min-width:0;aspect-ratio:3/4}:is(.low-motion,:root:not(.js)) .food-rail{display:none}:is(.low-motion,:root:not(.js)) .hero-motion{display:none}:is(.low-motion,:root:not(.js)) .hero-image{opacity:1}:is(.low-motion,:root:not(.js)) .impact-line{animation:none;opacity:1;transform:none}
@media(max-width:1024px){:is(.low-motion,:root:not(.js)) .food-track{grid-template-columns:1fr}}
:root:not(.js) .food-card video,:root:not(.js) .food-motion-toggle,:root:not(.js) .motion-toggle,.low-motion .motion-toggle{display:none}

/* Product triptych: taste, approved package, and the finishing gesture. */
.product-story{grid-template-columns:minmax(0,.9fr) minmax(0,.85fr) minmax(0,1.25fr);gap:clamp(1rem,2.5vw,3rem);min-height:calc(100svh - 5rem);padding:3rem var(--gutter)}
.product-details{text-align:left}.product-details h2{font-size:clamp(2.5rem,4.1vw,5rem)}
.product-bottle{margin:0;display:flex;align-items:center;justify-content:center;min-width:0}.product-bottle img{mix-blend-mode:lighten}
.approved-bottle{height:auto;margin:0;max-height:min(72svh,42rem);max-width:100%;object-fit:contain;width:100%;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 4%,#000 97%,transparent);mask-composite:intersect}
.product-use{min-width:0;max-width:100%;width:fit-content;justify-self:center}.product-use img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 13rem);object-fit:contain}.product-use::after{background:linear-gradient(90deg,var(--ink),transparent 8%,transparent 92%,var(--ink)),linear-gradient(0deg,var(--ink),transparent 8%,transparent 94%,var(--ink));content:"";inset:0 0 2rem;pointer-events:none;position:absolute}.product-use figcaption{padding-top:.75rem}
/* Final challenge echoes the hero without replaying its movie. */
.closing{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(2rem,4vw,5rem);padding:5.5rem var(--gutter) 2.5rem;text-align:left}
.closing-inner{min-width:0}.closing h2{font-size:clamp(2.45rem,4.2vw,4.5rem);line-height:.94}.closing .hot-af-lockup{margin:0 auto 1.5rem;height:clamp(6.1rem,8vw,8rem);width:clamp(18.6rem,24vw,24rem)}
.closing .hot-mark{height:clamp(8rem,10.55vw,10.55rem);width:clamp(8rem,10.55vw,10.55rem)}.closing .af-mark{height:clamp(13.1rem,17.3vw,17.3rem);width:clamp(13.1rem,17.3vw,17.3rem)}
.closing .button{margin-top:1.75rem}.closing-art{margin:0;min-width:0}.closing-art img{width:auto;max-width:100%;height:min(70svh,42rem);margin:0 auto;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(0deg,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}
@media(max-width:700px){.closing-art{position:relative;justify-self:center;width:fit-content}.closing-art::after{background:linear-gradient(90deg,var(--ink),transparent 12%,transparent 88%,var(--ink)),linear-gradient(0deg,var(--ink),transparent 12%,transparent 92%,var(--ink));content:"";inset:0;pointer-events:none;position:absolute}}
@media(max-width:1000px){.product-story{grid-template-columns:1fr 1fr;min-height:0}.product-details{grid-column:1/-1;text-align:center}.product-bottle .approved-bottle{width:min(100%,24rem)}.product-use img{max-height:none}.closing{gap:1.5rem}.closing h2{font-size:clamp(2.3rem,4.6vw,3.2rem)}}
@media(max-width:700px){.product-story{grid-template-columns:1fr;padding:3rem var(--gutter);gap:2rem}.product-details{grid-column:auto}.product-bottle .approved-bottle{width:68vw;max-height:none;max-width:23rem}.product-use img{max-height:none}.closing{grid-template-columns:1fr;padding:3rem var(--gutter) 2.5rem;text-align:center;gap:2rem}.closing-art{grid-row:1}.closing-art img{height:18rem;width:auto;max-height:none}.closing-inner{grid-row:2}.closing h2{font-size:clamp(2.35rem,9.7vw,3.2rem)}.closing .hot-af-lockup{margin:0 auto 1.5rem}}

/* Hero media alternates while the main challenge and CTA stay in place. */
.hero-grinder,.hero-grinder-copy{display:none}
.hero-product-lockup span{white-space:nowrap}
@media(min-width:1025px){.hero-art{height:calc(100svh - 8.5rem);min-height:0}}
.hero-grinder{position:absolute;inset:0;align-items:center;justify-content:center;margin:0;z-index:4}
.hero-grinder-frame{position:relative;height:min(72svh,calc(100svh - 17rem),52rem);max-width:100%}
.hero-grinder-frame img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}
.hero-grinder-frame::after{background:linear-gradient(90deg,var(--ink),transparent 12%,transparent 88%,var(--ink)),linear-gradient(0deg,var(--ink),transparent 12%,transparent 92%,var(--ink));content:"";inset:0;pointer-events:none;position:absolute}
.hero-grinder-copy{color:var(--acid);font:700 clamp(1.8rem,2.65vw,2.7rem)/1.15 var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:1.5rem 0 0}
.hero-intro{min-height:7rem;display:flow-root}
.hero-intro,.pepper-line,.bottle-heading{display:none}
.hero-showcase .hero-description{display:block;color:var(--acid);font-size:clamp(1.55rem,2.1vw,1.95rem);line-height:1.45;margin-top:1.5rem;animation:product-copy-enter .5s 3.5s both}
.hero-showcase .hero-intro{display:flow-root;min-height:0}
.hero-showcase .pepper-line{display:flex;flex-wrap:wrap;gap:.25em;color:var(--ember);font-size:clamp(1.5rem,2.05vw,2rem);line-height:1.4;letter-spacing:.015em}
.pepper-line i{font-style:normal}
.hero-showcase .pepper-line i{animation:product-copy-enter .3s 2s both}
.hero-showcase .pepper-line i:nth-of-type(2){animation-delay:2.5s}
.hero-showcase .pepper-line{margin:1rem 0 .85rem}
.hero-showcase .pepper-line span{display:inline-block;animation:challenger-slam .3s 1.5s cubic-bezier(.12,.85,.2,1) both;transform-origin:left center}
.hero-showcase .pepper-line span:nth-of-type(2){animation-delay:2s}
.hero-showcase .pepper-line span:nth-of-type(3){animation-delay:2.5s}
.hero-showcase .movie-heading{display:none}
.hero-showcase .bottle-heading{display:block;color:var(--cherry);font-size:inherit;letter-spacing:inherit;line-height:.95;text-wrap:balance}
.bottle-name{display:block;color:var(--bone);font:700 clamp(3.7rem,6.45vw,7.85rem)/.95 var(--display);letter-spacing:-.055em;text-transform:uppercase}
.hero-showcase .bottle-name{animation:challenger-slam .3s 3s cubic-bezier(.12,.85,.2,1) both;transform-origin:left center}
.hero-showcase .bottle-heading span{display:inline-block;animation:challenger-slam .3s cubic-bezier(.12,.85,.2,1) both;transform-origin:left center}
.hero-showcase .bottle-heading span:nth-child(2){animation-delay:.5s}
.hero-showcase .bottle-heading span:nth-child(3){animation-delay:1s}
@keyframes challenger-slam{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes product-copy-enter{from{opacity:0}to{opacity:1}}
.motion-paused :is(.bottle-heading span,.bottle-name,.hero-description,.pepper-line span,.pepper-line i){animation-play-state:paused}
.motion-toggle{opacity:0;transition:opacity .18s}
.hero-stage:hover .motion-toggle,.motion-toggle:focus-visible{opacity:1}
@media(hover:none){.motion-toggle{opacity:1}}
:is(.low-motion,:root:not(.js)) :is(.hero-intro,.hero-description,.pepper-line){display:block;animation:none}
:is(.low-motion,:root:not(.js)) .hero-description{color:var(--acid)}
:is(.low-motion,:root:not(.js)) .pepper-line{color:var(--ember)}
:is(.low-motion,:root:not(.js)) :is(.bottle-heading span,.bottle-name,.pepper-line span,.pepper-line i){animation:none}
.hero-showcase .hero-stage::before{opacity:0}
.hero-showcase .impact-line{animation:none;opacity:1;transform:none}
.hero-showcase .hero-grinder-copy{display:block}
.hero-showcase .hero-grinder{display:flex}
.hero-showcase .motion-toggle{bottom:.75rem}
.hero-showcase :is(.hero-motion,.hero-image,.ghost-lift,.heat-stamp){visibility:hidden}
.closing-bottle{position:relative;justify-self:center;width:min(46.666svh,28rem)}
.closing{background:var(--ink)}
.closing-bottle img{mix-blend-mode:lighten;mask:none;width:100%;height:auto}
.closing-bottle::after{display:block;background:linear-gradient(90deg,var(--ink),transparent 14%,transparent 86%,var(--ink)),linear-gradient(0deg,var(--ink),transparent 8%,transparent 94%,var(--ink));content:"";inset:0;pointer-events:none;position:absolute}
@media(max-width:700px){.closing-bottle{width:12rem}.closing-bottle img{width:100%;height:auto}}
.hero-upright img{mix-blend-mode:lighten}
.closing-grinder{width:min(52.5svh,31.5rem)}.closing-grinder img{mix-blend-mode:normal}
@media(max-width:1024px){.hero-grinder-copy{font-size:clamp(1.55rem,6.5vw,2.2rem);margin-top:1.3rem}.hero-showcase .hero-art{opacity:1;z-index:3;top:auto;bottom:1rem;height:clamp(8rem,calc(100svh - 31rem),24rem)}.hero-grinder-frame{height:100%;max-height:31rem}.hero-showcase .motion-toggle{bottom:0;left:auto;right:1rem;transform:none}}
@media(max-width:700px){.closing-grinder{width:13.5rem}}
@media(max-width:1024px){.hero-intro{min-height:8rem}}
@media(max-width:1024px){.hero-showcase .hero-cinematic{height:auto;min-height:100svh}.hero-showcase .hero-stage{height:auto;min-height:100svh;padding-bottom:1rem}.hero-showcase .hero-copy{order:0}.hero-showcase .hero-art{order:1;position:relative;inset:auto;height:16rem;flex:none;margin-top:1rem;width:100%}.hero-showcase .hero-description{font-size:1.3rem;max-width:100%}.hero-showcase .pepper-line{font-size:clamp(1.15rem,5.75vw,1.5rem);max-width:100%}}
@media(min-width:1025px) and (max-height:1000px){.bottle-name{font-size:clamp(3.2rem,5.3vw,5.5rem)}}
@media(max-width:1024px){.bottle-name{font-size:clamp(3rem,12.8vw,5.1rem)}}
@media(max-width:1024px) and (max-height:720px){.bottle-name{font-size:clamp(2.65rem,11.5vw,4rem)}}

/* The flag controls entrances only; movie and bottle retain their own copy. */
.hero-static-copy :is(.setup-line,.impact-line,.bottle-heading span,.pepper-line span,.pepper-line i,.bottle-name,.hero-description){animation:none;opacity:1;transform:none}

/* Launch: bottle first, original challenge on bottle, challenger during movie. */
.heat-stamp i.empty{background:transparent;border:1px solid var(--bone)}
.heat-stamp i{width:1.1rem}.hero-showcase .heat-stamp{visibility:visible}
.movie-heading{color:var(--cherry)}
.hero-showcase .bottle-heading{color:var(--bone)}
.hero-showcase .bottle-heading .impact-line{color:var(--ember)}
.hero-showcase .hero-intro{display:none}
:root:not(.hero-showcase) .hero-intro{display:flow-root;min-height:0}
:root:not(.hero-showcase) .pepper-line{display:flex;gap:.25em;color:var(--ember);font-size:clamp(1rem,1.7vw,1.5rem);margin:1rem 0}
:root:not(.hero-showcase) .hero-description{color:var(--acid);font-size:clamp(1rem,1.5vw,1.4rem);margin-top:1rem;line-height:1.5}
:root:not(.hero-showcase) .bottle-name{font-size:clamp(2.5rem,4vw,4rem)}
.access-note{font-size:.85rem;color:var(--muted);margin-top:1.5rem}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
/* The lockup is anchored to the stage at 71.5%; compensate only the bottle
   for the inset .86/1.14 grid's gutter so both share that centerline. */
@media(min-width:1025px){.hero-upright{transform:translateX(calc(var(--gutter) * .43))}}
.heat-stamp{left:calc(50% + var(--gutter) * .43);right:auto;transform:translateX(-50%)}
.heat-stamp strong{text-align:center}
.heat-stamp>span{display:flex;gap:.25rem;justify-content:center}
.heat-stamp i{margin-left:0}
@media(max-width:1024px){
 .hero-cinematic,.hero-stage{height:auto;min-height:100svh}
 .hero-stage{padding-top:9.5rem;padding-bottom:2rem;overflow:hidden}
 .hero-copy{order:0}
 /* Keep both hero phases above the stage overlay (z-index:2). */
 .hero-art,.hero-showcase .hero-art{order:1;position:relative;inset:auto;height:21rem;min-height:0;opacity:1;z-index:3;margin-top:1.5rem;width:100%}
 .hero-motion,.hero-image{height:100%}
 .hero-product-lockup{left:50%;top:5.5rem}
 .heat-stamp{display:grid;bottom:0;left:50%;right:auto}
 .hero-upright{bottom:3rem}
 .heat-stamp i{width:.85rem}
 .hero-showcase .bottle-heading{font-size:clamp(2.65rem,11.5vw,4.5rem)}
 .hero-showcase .hero-stage{padding-bottom:2rem}
}

/* One action for both hero phases, centered beneath the active copy. */
.try-now{display:flex;justify-content:center;margin-top:1.75rem}
/* Optical balance beneath the left-weighted desktop copy; shared by both phases. */
@media(min-width:1025px){.hero-copy .try-now{width:80%}}
.try-now .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:9rem;font-size:.875rem;line-height:1.2;max-width:100%}
.bottle-zoom{display:block;position:relative;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:var(--bone);cursor:zoom-in;overflow:hidden;touch-action:pan-y pinch-zoom}
.bottle-zoom:focus-visible{outline:3px solid var(--acid);outline-offset:-3px}
.bottle-zoom img{transition:transform .2s;transform-origin:center}
.zoom-hint{position:absolute;bottom:.4rem;left:50%;transform:translateX(-50%);font:700 .75rem/1.4 var(--display);background:var(--ink);padding:.3rem .6rem;white-space:nowrap;border:1px solid var(--line)}
@media(hover:hover) and (pointer:fine){.bottle-zoom:hover img{transform:scale(1.3)}}
.bottle-viewing{overflow:hidden}
.bottle-dialog{background:var(--ink);color:var(--bone);border:1px solid var(--muted);padding:1rem;width:min(94vw,50rem);max-width:94vw;max-height:92svh;overflow:hidden}
.bottle-dialog[open]{display:flex;flex-direction:column}
.bottle-dialog::backdrop{background:rgba(2,12,21,.9)}
.bottle-dialog-heading{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.bottle-dialog h2{font:700 1rem/1.4 var(--display);letter-spacing:0;text-transform:none}
.bottle-dialog button{flex-shrink:0;min-width:44px;min-height:44px;border:1px solid var(--muted);background:var(--ghost);color:var(--bone);font:700 .875rem var(--display);padding:.5rem .75rem;cursor:pointer}
.bottle-dialog button:focus-visible,.bottle-detail-viewport:focus-visible{outline:2px solid var(--acid);outline-offset:2px}
.bottle-dialog-help{flex-shrink:0;font:.875rem/1.5 var(--body);color:var(--muted);margin:.5rem 0}
.bottle-detail-viewport{min-height:0;flex-shrink:1;height:min(68svh,45rem);width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}
.bottle-detail-viewport img{width:max(100%,42rem);max-width:none;height:auto;mix-blend-mode:lighten}
@media(prefers-reduced-motion:reduce){.bottle-zoom img{transition:none}}