/* First-screen composition: preserve the dedicated mobile layout. */
@media(min-width:1025px){
  .hero{height:100svh;min-height:0;max-height:none;padding-top:8vw}
  .hero-pizza{top:60%;width:44vw;max-width:none}
  .hero-brand{top:82%;font-size:12vw;line-height:1}
  .hero-bottom{z-index:4;padding:2vw 2.5vw}
  .hero-bottom p{font-size:1.65vw;line-height:1;max-width:23vw}
  /* Keep the mascot and its bobbing motion clear of the next section. */
  .experience-product{padding-bottom:2vw}
  .mascot-stage{margin-bottom:0}
}
.hero-pizza-float{position:relative;animation:pizzaHeroFloat 7s ease-in-out infinite;will-change:transform}
@keyframes pizzaHeroFloat{
  0%,100%{transform:translateY(0) rotate(-.6deg)}
  50%{transform:translateY(clamp(-12px,-.8vw,-5px)) rotate(.6deg)}
}
.hero-pizza .hero-pizza-float>img{animation:none;will-change:auto}
/* Fixed round eyes and two offset expression arcs, as in the reference. */
.pizza-eyes{position:absolute;left:22%;top:19%;width:29%;height:11.4%;rotate:-14deg;pointer-events:none}
.pizza-eye{display:block;position:absolute;left:0;top:0;width:39%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 77deg,transparent 0deg 55deg,#fff 55deg 360deg)}
.pizza-eye:nth-child(2){left:auto;right:0;top:0}
.pizza-eyes::before,.pizza-eyes::after{content:"";position:absolute;width:32%;height:48%;border:clamp(3px,.6vw,13px) solid #fff;border-bottom:0;border-right-color:transparent;border-radius:90% 90% 0 0;rotate:20deg}
.pizza-eyes::before{left:-28%;top:-64%}
.pizza-eyes::after{left:-20%;top:-30%;width:29%;height:48%}
.ingredient-rope{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;transition:opacity .25s}
.ingredient-rope.visible{opacity:1}
.ingredient-rope>svg{position:absolute;width:100%;height:100%;overflow:visible}
.rope-knot{position:absolute;left:0;top:0;width:clamp(26px,2.2vw,46px);aspect-ratio:1;border-radius:50%;background:#ffffffcc;border:1px solid #1b1b1b33;display:grid;place-items:center;will-change:transform}
.rope-knot img{width:75%;height:75%;object-fit:contain}
.rope-knot img[data-cutout]{filter:url(#ingredient-cutout)}
@media(prefers-reduced-motion:reduce){.hero-pizza-float{animation:none}.ingredient-rope{display:none}}