/* One shared opening scene, three independent floating product layers. */
.hero[data-hero-food]{height:max(800px,100svh);min-height:800px;--hero-pointer-x:0px;--hero-pointer-y:0px}
.hero-intro{position:relative;z-index:4;max-width:1500px;margin:0 auto;text-align:center}
.hero[data-hero-food] .hero-welcome-title{position:relative;inset:auto;transform:none;pointer-events:auto;font:900 clamp(34px,4.35vw,76px)/1.04 Barlow,Impact,sans-serif;letter-spacing:-.015em;text-align:center}
.hero-welcome-copy{font-size:clamp(12px,1.15vw,17px);line-height:1.6;margin:12px auto 0;max-width:850px}
.hero-welcome-copy strong{color:var(--yellow);font-weight:800}
.hero-word-background{position:absolute;top:30%;left:50%;width:100%;max-width:1800px;transform:translateX(-50%) rotate(-7deg);text-align:center;font-family:Barlow,Impact,sans-serif;font-weight:900;line-height:.72;letter-spacing:-.045em;pointer-events:none;z-index:0}
.hero-word-background .hero-word{margin:0;font-size:clamp(105px,28vw,500px)}
.hero[data-hero-food] .hero-burger-wrap{width:min(94vw,1240px);max-width:none;height:min(52svh,510px);min-height:365px;top:54%;display:block;z-index:2}
.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:45%;height:100%;left:5%;top:0;z-index:2;--hero-depth:1;--float-turn:-7deg;--float-duration:7s}
.hero-scene-fries{width:61%;height:82%;right:8%;bottom:-5%;z-index:3;--hero-depth:1.45;--float-turn:5deg;--float-duration:8s;--float-delay:-2s}
.hero-scene-drink{width:18%;height:105%;right:1%;top:-13%;z-index:4;--hero-depth:.65;--float-turn:10deg;--float-duration:6.5s;--float-delay:-3s}
.hero[data-hero-food] .burger-shadow{bottom:-10%;left:19%;right:17%;height:20px;opacity:.25}
.hero-food-info{position:absolute;top:82%;left:20%;right:20%;z-index:4;display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;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] .round-stamp{width:90px;height:90px;right:auto;left:4%;top:32%;font-size:7px}
.hero[data-hero-food] .round-stamp b{font-size:32px}
.hero[data-hero-food] .scroll-note{bottom:-10px;font-size:8px}
.hero[data-hero-food] .scroll-note span{margin-top:5px;font-size:16px}
@keyframes heroTrioFloat{0%,100%{transform:translateY(0) rotate(var(--float-turn))}50%{transform:translateY(-18px) rotate(calc(var(--float-turn) + 3deg))}}
@media(min-width:1800px){.hero[data-hero-food] .hero-burger-wrap{width:min(81vw,1600px);height:min(55svh,680px)}.hero-food-info{font-size:13px}.hero-word-background{top:30%}}
@media(max-width:850px){
 .hero[data-hero-food]{height:max(800px,100svh);padding-top:115px}
 .hero-intro{max-width:640px}
 .hero[data-hero-food] .hero-welcome-title{font-size:clamp(34px,6vw,54px)}
 .hero-welcome-copy{max-width:550px}
 .hero[data-hero-food] .hero-burger-wrap{width:96vw;top:53%;height:42svh;min-height:340px;max-height:400px}
 .hero-scene-burger{left:0;width:55%;height:90%}
 .hero-scene-fries{right:4%;width:70%;height:76%;bottom:-5%}
 .hero-scene-drink{right:0;width:20%;height:98%;top:-11%}
 .hero-food-info{left:8%;right:8%;top:80%;font-size:10px;gap:10px}
 .hero[data-hero-food] .hero-bottom>p{font-size:22px}
 .hero[data-hero-food] .hero-bottom>div{max-width:42%}
 .hero[data-hero-food] .scroll-note{display:none}
 .hero[data-hero-food] .round-stamp{display:none}
}
@media(max-width:560px){
 .hero[data-hero-food]{height:max(780px,100svh);min-height:780px;padding:105px 5vw 25px}
 .hero[data-hero-food] .hero-welcome-title{font-size:clamp(31px,8.8vw,47px);line-height:1.02;max-width:470px;margin:auto}
 .hero-welcome-copy{font-size:12px;line-height:1.55;max-width:340px;margin-top:13px;padding:0 7px}
 .hero[data-hero-food] #hero-canvas{display:none}
 .hero-word-background{top:40%;font-size:31vw}
 .hero-word-background .hero-word{font-size:31vw;transform:scaleY(1.4)}
 .hero[data-hero-food] .hero-burger-wrap{top:53%;width:96vw;height:39svh;min-height:310px;max-height:370px}
 .hero-scene-burger{left:0;top:0;width:64%;height:78%;--float-turn:-9deg}
 .hero-scene-fries{right:0;bottom:-2%;width:87%;height:65%;--float-turn:3deg}
 .hero-scene-drink{right:3%;top:-4%;width:23%;height:88%;--float-turn:10deg}
 .hero-scene-item img{filter:drop-shadow(0 15px 12px #46001355)}
 .hero-food-info{top:79%;left:5%;right:5%;gap:7px;font-size:8px;flex-wrap:wrap}
 .hero-food-info i{font-size:12px}
 .hero[data-hero-food] .hero-bottom{bottom:28px;gap:20px}
 .hero[data-hero-food] .hero-bottom>p{font-size:16px}
 .hero[data-hero-food] .hero-bottom>div{max-width:45%;font-size:9px}
 .hero[data-hero-food] .hero-bottom strong{font-size:18px}
 .hero[data-hero-food] .hero-bottom>div a{font-size:10px}
}
@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))}}