.hero-immersive.hero-product{min-height:780px;background:#e9eeeb}
.hero-immersive.hero-product .hero-visual{inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden;border-radius:0;z-index:0}
.hero-immersive.hero-product .hero-visual>img{inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;mask-image:none;border-radius:0}
.hero-immersive.hero-product .hero-visual:after{display:block;position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,248,242,.96) 0%,rgba(247,248,242,.9) 29%,rgba(247,248,242,.45) 51%,rgba(247,248,242,.02) 76%);z-index:1}
.hero-immersive.hero-product .hero-copy{padding:62px 5% 50px;min-height:780px;z-index:2;background:none}
.hero-immersive.hero-product .hero-intro{max-width:39%;font-size:18px}
.hero-immersive.hero-product .cta{max-width:45%}
.hero-immersive.hero-product .hero-float{bottom:40px;right:5%;left:auto;width:270px;z-index:2;background:#f7faf2ed}
@media(max-width:720px){
.hero-immersive.hero-product{min-height:0}
.hero-immersive.hero-product .hero-copy{padding:48px 6% 150px;min-height:750px}
.hero-immersive.hero-product .hero-visual>img{inset:0;width:100%;height:100%;object-position:57% center}
.hero-immersive.hero-product .hero-visual:after{background:linear-gradient(90deg,#f7f8f2ee,#f7f8f2ca 55%,#f7f8f26b)}
.hero-immersive.hero-product h1{font-size:clamp(54px,15vw,78px)}
.hero-immersive.hero-product .hero-intro,.hero-immersive.hero-product .cta{max-width:100%}
.hero-immersive.hero-product .hero-copy>.eyebrow{background:none}
.hero-immersive.hero-product .hero-float{left:6%;right:6%;bottom:25px;width:auto}
}