.hero-art{background:var(--red-dark)}
.hero-art>img{width:100%;height:100%;object-fit:cover;display:block;animation:slowZoom 12s ease-in-out infinite alternate}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(51,13,9,.35),transparent 60%)}
.food-orbit{position:absolute;border-radius:50%;border:1px solid rgba(246,203,63,.85);z-index:2;animation:orbit 8s linear infinite}.orbit-one{width:70px;height:70px;right:11%;top:12%}.orbit-two{width:28px;height:28px;right:24%;bottom:19%;animation-direction:reverse;animation-duration:5s}.hero-note{color:var(--cream);text-shadow:0 2px 10px #180000;z-index:2}
.food-motion{display:grid;grid-template-columns:1fr 1fr;min-height:570px;overflow:hidden;background:linear-gradient(112deg,#f3c735 0 48%,var(--cream) 48%)}.motion-copy{padding:clamp(64px,9vw,130px);align-self:center}.motion-copy h2{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1.03;margin:0}.motion-copy>p:not(.eyebrow){max-width:420px;margin:20px 0 28px}
.food-stage{position:relative;perspective:1100px;min-height:540px}.stage-card{position:absolute;width:min(58%,380px);right:16%;top:13%;background:var(--red-dark);padding:12px 12px 16px;box-shadow:0 26px 35px #4d220855;transform:rotateY(-14deg) rotateX(6deg);animation:foodFloat 6s ease-in-out infinite;z-index:2}.stage-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.stage-card span{display:block;color:var(--cream);font-size:.72rem;letter-spacing:.05em;margin:10px 2px 0}.stage-card-back{right:49%;top:42%;width:min(44%,290px);z-index:1;filter:saturate(.9);animation-delay:-2s}.stage-card-back img{aspect-ratio:1/1;object-position:center}.steam{position:absolute;width:26px;height:110px;border-left:3px solid rgba(255,255,255,.55);border-radius:50%;filter:blur(.5px);animation:steam 4.5s ease-in-out infinite}.steam-one{top:13%;right:50%}.steam-two{top:20%;right:20%;animation-delay:-2.2s}
@keyframes slowZoom{to{transform:scale(1.07)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes foodFloat{50%{transform:translateY(-17px) rotateY(-8deg) rotateX(4deg)}}@keyframes steam{50%{transform:translateY(-38px) translateX(12px) scale(.7);opacity:.1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
@media(max-width:760px){.food-motion{grid-template-columns:1fr;background:linear-gradient(160deg,#f3c735 0 48%,var(--cream) 48%)}.motion-copy{padding:65px 24px 35px}.food-stage{min-height:420px}.stage-card{right:16%;top:8%;width:62%}.stage-card-back{right:48%;top:41%;width:47%}}