/* Preserve the supplied original label pixels. Vector clipping removes only the surrounding background. */
.hero[data-banner-mode="provided-packaging"]{position:relative;isolation:isolate;overflow:hidden;background-image:url('assets/hero-earth-clean.png')}
.hero-packaging{position:absolute;right:5%;bottom:28px;width:49%;max-width:780px;aspect-ratio:454/261;z-index:0;filter:drop-shadow(0 15px 12px #00101cb3)}
.hero-packaging svg{display:block;width:100%;height:100%;overflow:visible}
.hero[data-banner-mode="provided-packaging"] .hero-inner{z-index:1}
@media(max-width:950px) and (min-width:601px){.hero-packaging{width:49%;right:3%;bottom:22px}}
@media(max-width:600px){.hero-packaging{width:92%;max-width:none;right:4%;bottom:15px;aspect-ratio:454/261}.hero[data-banner-mode="provided-packaging"] .hero-note{bottom:245px}}