.hero-wide .hero{background:#090b09}.hero-wide .hero-media{left:auto;right:max(28px,calc((100% - 1280px)/2));top:50%;bottom:auto;width:min(59%,660px);aspect-ratio:480 / 448;transform:translateY(-50%)}.hero-wide .hero-media video{width:100%;height:100%;object-fit:contain;object-position:center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 87%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 87%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-wide .hero-shade{background:linear-gradient(90deg,#090b09 0% 31%,#090b09c9 40%,#090b0900 58%)}.hero-wide .hero-inner{position:relative;grid-template-columns:1fr 1fr}.hero-wide .hero-copy{max-width:570px;position:relative;z-index:1}.hero-wide .hero-product{position:absolute;right:50px;bottom:34px;width:175px;padding:0;min-height:0}.hero-wide .hero-product>img{height:218px}.hero-wide .hero-caption{position:static;width:100%;text-align:center;margin-top:7px}.hero-wide .hero-caption p{font-size:12px;max-width:none}.hero-wide .video-toggle{bottom:20px;right:20px;background:#090b09}@media(min-width:701px)and (max-width:1050px){.hero-wide .hero-media{right:0;width:59%}.hero-wide .hero-copy{max-width:430px}.hero-wide .hero-product{width:138px;right:20px;bottom:66px}.hero-wide .hero-product>img{height:172px}}@media(max-width:700px){.hero-wide .hero{--scene-height: min(94vw, 480px)}.hero-wide .hero-inner{display:block;min-height:0;padding:38px 0 calc(var(--scene-height) + 20px)}.hero-wide .hero-copy{max-width:none}.hero-wide .hero-media{left:0;right:0;top:auto;bottom:0;width:100%;height:var(--scene-height);aspect-ratio:auto;transform:none}.hero-wide .hero-media video{-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 94%,transparent);mask-image:linear-gradient(180deg,transparent,#000 8%,#000 94%,transparent)}.hero-wide .hero-shade{display:none}.hero-wide .hero-product{width:115px;right:12px;bottom:44px}.hero-wide .hero-product>img{height:142px}.hero-wide .hero-caption{display:none}.hero-wide .hero-caption>span{font-size:10px}.hero-wide .hero-caption p{font-size:10px;line-height:1.4}.hero-wide .video-toggle{left:16px;right:auto;bottom:17px;width:36px;height:36px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hero-wide.css.map */