/* Separate content rows keep the opening scene clear at every screen size. */
.hero[data-hero-food]{display:grid;grid-template-rows:auto minmax(360px,1fr) auto auto;gap:18px;height:auto;min-height:max(820px,100svh);max-height:none;padding:calc(var(--sn-height,132px) + 36px) max(4vw,20px) 32px;--hero-scene-height:clamp(340px,47svh,510px);--hero-pointer-x:0px;--hero-pointer-y:0px;background:radial-gradient(ellipse at 50% 60%,#d0284638 0,transparent 64%),var(--red)}
.hero[data-hero-food] .hero-script{font-size:clamp(180px,24vw,460px);inset:24% -2% auto;opacity:.035;line-height:.95}
.hero-intro{position:relative;z-index:4;width:100%;max-width:1500px;margin:0 auto;text-align:center}
.hero[data-hero-food] .hero-welcome-title{position:relative;inset:auto;margin:0;transform:none;pointer-events:auto;font:900 clamp(38px,4vw,72px)/1.06 Barlow,Impact,sans-serif;letter-spacing:-.015em;text-align:center;text-wrap:balance}
.hero-welcome-copy{font-size:clamp(13px,1.1vw,17px);line-height:1.6;margin:14px auto 0;max-width:850px}
.hero-welcome-copy strong{color:var(--yellow);font-weight:800}
.hero[data-hero-food] .hero-burger-wrap{position:relative;inset:auto;transform:none;align-self:center;justify-self:center;width:min(100%,calc(var(--hero-scene-height) * 2.5));max-width:none;height:var(--hero-scene-height);min-height:0;display:block;z-index:2;pointer-events:none}
.hero-scene-item{position:absolute;margin:0;transform:translate(calc(var(--hero-pointer-x) * var(--hero-depth)),calc(var(--hero-pointer-y) * var(--hero-depth)));transition:transform .4s ease-out;will-change:transform}
.hero-scene-item img{width:100%;height:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 24px 18px #46001350);animation:heroTrioFloat var(--float-duration,7s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}
.hero-scene-burger{width:48%;height:90%;left:3%;top:7%;z-index:2;--hero-depth:1;--float-turn:-6deg;--float-duration:7s}
.hero-scene-fries{width:59%;height:74%;right:7%;bottom:0;z-index:3;--hero-depth:1.25;--float-turn:4deg;--float-duration:8s;--float-delay:-2s}
.hero-scene-drink{width:17%;height:96%;right:3%;top:0;z-index:4;--hero-depth:.65;--float-turn:9deg;--float-duration:6.5s;--float-delay:-3s}
.hero[data-hero-food] .burger-shadow{bottom:0;left:18%;right:14%;height:20px;opacity:.2}
.hero-food-info{position:relative;inset:auto;z-index:4;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px;font-weight:800;line-height:1.5;text-align:center}
.hero-food-info i{font-style:normal;color:var(--yellow);font-size:18px}
.hero[data-hero-food] .hero-bottom{position:relative;inset:auto;width:100%;max-width:1580px;margin:6px auto 0;display:flex;justify-content:space-between;align-items:end;gap:24px}
.hero[data-hero-food] .hero-bottom>p{font-size:clamp(20px,1.7vw,29px);line-height:1.08;margin:0;flex:none}
.hero[data-hero-food] .hero-bottom>div{max-width:none;font-size:11px}
.hero[data-hero-food] .hero-bottom strong{font-size:28px;line-height:1.05}
.hero[data-hero-food] .hero-bottom>div a{display:inline-flex;min-height:32px;align-items:center;font-size:12px}
.hero[data-hero-food] .scroll-note{left:50%;bottom:4px;transform:translateX(-50%);font-size:9px}
.hero[data-hero-food] .scroll-note span{margin-top:5px;font-size:18px}
@keyframes heroTrioFloat{0%,100%{transform:translateY(0) rotate(var(--float-turn))}50%{transform:translateY(-10px) rotate(calc(var(--float-turn) + 2deg))}}
@media(min-width:851px) and (max-height:850px){
 .hero[data-hero-food]{--hero-scene-height:clamp(300px,43svh,370px);min-height:100svh;grid-template-rows:auto minmax(300px,1fr) auto auto;gap:12px;padding-top:calc(var(--sn-height,132px) + 24px);padding-bottom:20px}
 .hero[data-hero-food] .hero-bottom>p{font-size:22px}.hero[data-hero-food] .hero-bottom strong{font-size:24px}.hero[data-hero-food] .hero-bottom>div a{min-height:26px}
}
@media(max-width:850px){
 .hero[data-hero-food]{min-height:max(800px,100svh);grid-template-rows:auto minmax(320px,1fr) auto auto;gap:16px;padding:172px 5vw 28px}
 .hero-intro{max-width:650px}.hero[data-hero-food] .hero-welcome-title{font-size:clamp(34px,5.6vw,48px)}.hero-welcome-copy{max-width:480px;font-size:13px}
 .hero[data-hero-food] .hero-burger-wrap{width:100%;height:clamp(320px,50vw,420px)}
 .hero-scene-burger{width:57%;left:0;height:88%;top:5%}.hero-scene-fries{width:70%;right:3%;height:71%;bottom:0}.hero-scene-drink{width:20%;right:1%;height:92%;top:0}
 .hero[data-hero-food] .hero-bottom>p{font-size:20px}.hero[data-hero-food] .hero-bottom strong{font-size:24px}.hero[data-hero-food] .scroll-note{display:none}
}
@media(max-width:560px){
 .hero[data-hero-food]{height:auto;min-height:0;grid-template-rows:auto auto auto auto;gap:18px;padding:170px 5vw 26px}
 .hero[data-hero-food] .hero-welcome-title{font-size:clamp(30px,8vw,43px);line-height:1.04;max-width:440px;margin:auto}
 .hero-welcome-copy{font-size:12px;line-height:1.55;max-width:340px;margin-top:13px}
 .hero[data-hero-food] .hero-burger-wrap{width:100%;height:clamp(265px,79vw,370px);margin:2px 0 0}
 .hero-scene-burger{left:-1%;top:5%;width:64%;height:80%;--float-turn:-7deg}.hero-scene-fries{right:0;bottom:0;width:87%;height:65%;--float-turn:3deg}.hero-scene-drink{right:2%;top:1%;width:24%;height:88%;--float-turn:8deg}
 .hero-scene-item img{filter:drop-shadow(0 12px 10px #46001345)}.hero-food-info{gap:5px;font-size:8px;flex-wrap:wrap}.hero-food-info i{font-size:12px}
 .hero[data-hero-food] .hero-bottom{margin-top:4px;gap:16px;align-items:center}
 .hero[data-hero-food] .hero-bottom>p{font-size:clamp(14px,4vw,20px);flex:0 1 48%}.hero[data-hero-food] .hero-bottom>div{flex:0 1 49%;max-width:none;font-size:9px}
 .hero[data-hero-food] .hero-bottom>div>span{font-size:8px;line-height:1.6}.hero[data-hero-food] .hero-bottom strong{font-size:clamp(16px,4.4vw,22px);margin:5px 0;line-height:1.05}.hero[data-hero-food] .hero-bottom>div a{font-size:9px;min-height:30px}
}
/* No first-paint flash: the module takes over visibility atomically. */
@keyframes heroPreflightReveal{to{visibility:visible}}
@media(prefers-reduced-motion:no-preference){.hero[data-hero-food="trio"]:not([data-hero-intro]) .hero-food-scene{visibility:hidden;animation:heroPreflightReveal 0s 4s forwards}}
@media(scripting:none){.hero[data-hero-food="trio"]:not([data-hero-intro]) .hero-food-scene{visibility:visible;animation:none}}
.hero-entry-layer{display:block;width:100%;height:100%;transform-origin:50% 65%}
.hero[data-hero-intro="waiting"] .hero-entry-layer,.hero[data-hero-intro="running"] .hero-entry-layer{opacity:0;will-change:transform,opacity;animation:heroIntroSafetyReveal .01ms 5s forwards}
.hero[data-hero-intro="waiting"] .hero-scene-item img,.hero[data-hero-intro="running"] .hero-scene-item img{animation-play-state:paused}
.hero[data-hero-intro="waiting"] .burger-shadow,.hero[data-hero-intro="running"][data-hero-impacts="0"] .burger-shadow{opacity:0}
.hero-impact-puff{position:absolute;left:50%;top:80%;width:37%;height:13%;border:2px solid var(--cream);border-radius:50%;opacity:0;pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}
@keyframes heroIntroSafetyReveal{to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-scene-item{transform:none;transition:none;will-change:auto}.hero-scene-item img{animation:none;transform:rotate(var(--float-turn))}.hero[data-hero-intro] .hero-entry-layer{opacity:1;animation:none;will-change:auto}.hero-impact-puff{display:none}}