.hero:has(.hero-video-panel){height:610px;min-height:610px}
.hero .hero-video-panel{padding:0;background:var(--cream);position:relative;width:100%;height:610px;min-height:0;overflow:hidden;isolation:isolate}
.home-video-vegetables{position:absolute;inset:0;pointer-events:none;z-index:0;mix-blend-mode:darken}
.video-vegetable{position:absolute;display:block;opacity:.8}
.video-vegetable--pepper{width:112px;left:1%;top:43%;transform:rotate(-17deg)}
.video-vegetable--tomato{width:116px;right:1%;top:49%;transform:rotate(12deg)}
.video-vegetable--mushroom{width:88px;left:3%;bottom:4%;transform:rotate(-15deg)}
.video-vegetable--olive{width:39px;left:2%;top:13%;transform:rotate(-12deg)}
.video-vegetable--chilli{width:58px;right:5%;bottom:8%;transform:rotate(17deg)}
.hero .home-pizza-film{position:absolute;inset:auto;width:min(76%,502px);height:auto;aspect-ratio:580/704;left:44%;top:50%;margin:0;transform:translate(-50%,-50%);z-index:1;mix-blend-mode:darken}
.hero .home-pizza-video{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;max-width:100%}
.home-film-brand{position:absolute;right:20px;top:25px;width:105px;text-align:center;z-index:2;color:var(--red);pointer-events:none}
.home-film-brand img{width:90px;height:87px;object-fit:contain;margin:0 auto 6px}
.home-film-brand span{display:block;font-family:var(--display);font-size:20px;font-weight:700;line-height:1;text-transform:uppercase}
.home-film-brand strong{display:block;font-size:54px;letter-spacing:-.025em}
@media(min-width:768px) and (max-width:1100px){.home-film-brand{width:80px;right:12px;top:20px}.home-film-brand img{width:70px;height:68px}.home-film-brand span{font-size:16px}.home-film-brand strong{font-size:42px}}
@media(max-width:767px){.hero:has(.hero-video-panel){height:auto;min-height:0}.hero .hero-video-panel{min-height:0;height:auto;aspect-ratio:580/704}.hero .home-pizza-film{width:100%;height:100%;left:0;top:0;transform:none}.home-film-brand{top:auto;bottom:10px;left:12px;right:auto;width:auto;display:flex;align-items:center;gap:6px;text-align:left}.home-film-brand img{width:42px;height:41px;margin:0}.home-film-brand span{font-size:12px}.home-film-brand strong{font-size:27px}.video-vegetable{opacity:.65}.video-vegetable--pepper{width:58px;left:0;top:48%}.video-vegetable--tomato{width:64px;right:0;top:47%}.video-vegetable--mushroom{width:48px;left:0;bottom:17%}.video-vegetable--olive{display:none}.video-vegetable--chilli{width:35px;right:0;bottom:7%}}

.hero-copy{isolation:isolate}
.hero-copy>.home-video-vegetables{z-index:-1;filter:none;mix-blend-mode:normal;opacity:.2}
.hero-copy .video-vegetable--pepper{left:auto;right:5%;top:3%;width:115px}
.hero-copy .video-vegetable--tomato{right:2%;top:auto;bottom:4%;width:135px}
.hero-copy .video-vegetable--mushroom{left:1%;bottom:3%;width:65px}
.hero-copy .video-vegetable--olive,.hero-copy .video-vegetable--chilli{display:none}

/* A balanced outer ring keeps the sketches clear of the moving food and the logo. */
.hero-video-panel .video-vegetable--olive{left:4%;top:9%;width:38px;transform:rotate(-16deg)}
.hero-video-panel .video-vegetable--pepper{left:2.5%;top:40%;width:90px;transform:rotate(-14deg)}
.hero-video-panel .video-vegetable--mushroom{left:6%;bottom:7%;width:72px;transform:rotate(-12deg)}
.hero-video-panel .video-vegetable--leaf{right:5%;top:33%;width:72px;transform:rotate(18deg)}
.hero-video-panel .video-vegetable--tomato{right:3%;top:57%;width:94px;transform:rotate(9deg)}
.hero-video-panel .video-vegetable--chilli{right:8%;bottom:5%;width:44px;transform:rotate(12deg)}
.hero-copy .video-vegetable--leaf{display:none}
@media(max-width:767px){
 .hero-video-panel .video-vegetable--pepper{left:0;top:45%;width:47px}
 .hero-video-panel .video-vegetable--tomato{right:0;top:45%;width:51px}
 .hero-video-panel .video-vegetable--leaf{left:0;right:auto;top:62%;width:36px}
 .hero-video-panel .video-vegetable--mushroom{left:auto;right:0;bottom:14%;width:40px}
 .hero-video-panel .video-vegetable--olive{display:block;left:7%;top:auto;bottom:20%;width:24px}
 .hero-video-panel .video-vegetable--chilli{right:3%;bottom:2%;width:26px}
}