.product-hero .film{background:#14161b;position:absolute;inset:0;overflow:hidden}.product-hero .film .poster,.product-hero .film video{object-fit:cover;object-position:50% center;width:100%;height:100%;position:absolute;inset:0}.product-hero .film video{opacity:0;transition:opacity .25s}.product-hero .film.is-ready video{opacity:1}.product-hero.has-film{padding:0}.product-hero.has-film .product-hero-image img{outline:0}html.motion-restored .product-hero-image video{animation:1.4s cubic-bezier(.2,.7,.2,1) both restored-hero-scene}@media (min-width:801px){.product-hero.has-film{--film-edge:170px}.product-hero.has-film>.product-hero-image{clip-path:polygon(var(--film-edge) 0, 100% 0, 100% 100%, 0 100%);left:max(40%,50vw - 180px)}.product-hero.has-film>.product-hero-image:after{content:"";pointer-events:none;background:linear-gradient(105deg,#14161bb3 160px,#14161b73 38%,#14161b26 66%,#14161b0a 100%);position:absolute;inset:0}.product-hero.has-film:has(>.product-hero-image):after{background:linear-gradient(#0000 62%,#14161b85)}}@media (max-width:800px){.product-hero.has-film{--film-height:360px}.product-hero.has-film>.product-hero-image{height:var(--film-height);clip-path:polygon(0 0,100% 0,100% calc(100% - min(15vw,96px)),0 100%)}.product-hero.has-film:has(>.product-hero-image):after{height:var(--film-height);background:linear-gradient(#0000 40%,#14161b33 70%,#14161ba6 100%)}.product-hero.has-film>.product-hero-copy{padding-top:calc(var(--film-height) + 20px)}}@media (max-width:640px){.product-hero.has-film{--film-height:320px}}@media (prefers-reduced-motion:reduce){html.motion-restored .product-hero-image video{animation:none}}
