.hero-video-poster,.hero .hero-packaging-video{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:0}
.hero-video-poster{background-position:center;background-size:cover}
.hero-video-poster.is-ready,.hero .hero-packaging-video.is-ready{opacity:1}
.hero .hero-packaging-video{object-fit:cover;object-position:center}
/* Keep the white copy readable even on the brightest video frame. */
.hero:has(.hero-packaging-video) .hero-shade{background:linear-gradient(90deg,rgba(7,15,23,.82),rgba(7,15,23,.32)),linear-gradient(0deg,rgba(7,15,23,.4),transparent)}
/* The phone asset is already cropped around the vial and splash. */
@media(max-width:640px){.hero .hero-packaging-video,.hero-video-poster{object-position:center;background-position:center}}
@media(prefers-reduced-motion:reduce){.hero .hero-packaging-video{display:none}}

.hero:has(.hero-packaging-video.is-ready) .hero-video-poster{opacity:0}