.hero-media{overflow:hidden;position:relative}.hero-media__inner{color:rgb(var(--color-foreground));position:relative;display:flex;justify-content:flex-end}.hero-media__text{position:absolute;left:var(--horizontal-position);top:var(--vertical-position);--vertical-transform: calc(var(--vertical-position) * -1);--horizontal-transform: calc(var(--horizontal-position) * -1);transform:translate(var(--horizontal-transform),var(--vertical-transform));z-index:1;max-width:41rem;min-width:28rem;padding:1.375rem 0}.hero-media__text .hero-media__text-content{margin-bottom:.9375rem;z-index:2;opacity:0;transform:translateY(100%);will-change:transform;transition:opacity .8s cubic-bezier(.34,.615,.4,.985),transform .8s cubic-bezier(.34,.615,.4,.985)}.no-js .hero-media__text .hero-media__text-content{opacity:1;transform:none}.hero-media__text h1{--font-heading-size: calc(var(--font-heading-scale) * 3rem);line-height:1.25;color:rgb(var(--color-foreground));margin-left:0;margin-bottom:.5rem;position:relative}.hero-media__text p{font-size:calc(1.125rem * var(--font-section-scale, 1));text-transform:uppercase;color:rgb(var(--color-foreground));display:block;width:100%;position:relative}.hero-media--full-width .hero-media__text{padding:1.375rem}.hero-media__btn{margin-bottom:.9375rem;opacity:0;transform:translateY(100%);transition:opacity .8s cubic-bezier(.34,.615,.4,.985) .3s,transform .8s cubic-bezier(.34,.615,.4,.985) .3s}.hero-media__btn:last-child{margin-bottom:0}.no-js .hero-media__btn{opacity:1;transform:none}.hero-media__btn .btn{font-size:1.5rem;padding:25px 58px}.hero-media__text--left{text-align:left}.hero-media__text--center{text-align:center}.hero-media__text--right{text-align:right}.hero-media__imagery{position:relative;overflow:hidden;right:0;top:0;--video-width: calc(100vh - 200px) ;width:100%;max-width:80%}.hero-media__imagery--full-height{height:var(--video-width)}.hero-media__imagery--mixed{border-radius:90px 0}.hero-media__imagery--rounded{border-radius:25px}.hero__media{position:absolute;top:0;left:0;height:100%;width:100%}.hero__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background-image:linear-gradient(to bottom,#17172c00 0% 40%,#17172c52);pointer-events:none}.hero__media .header__video-overlay{position:absolute;top:0;width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity .5s cubic-bezier(.25,.46,.45,.94),visibility .5s linear}.hero__media .header__video-overlay--fadeOut{opacity:0;visibility:hidden}.no-js .hero__media .header__video-overlay--fadeOut{opacity:1;visibility:visible}.hero__media-custom-video{width:100%;height:100%;object-fit:cover;position:absolute;top:0}.hero__media iframe{position:absolute;top:-1%;left:0;width:101%;height:102%;background:#000}.hero-media__imagery-inner{overflow:hidden;position:relative;height:100%;transform:translate3d(-101%,0,0)}.hero-media__imagery-inner--mixed{border-radius:90px 0}.hero-media__imagery-inner--rounded{border-radius:25px}.hero-media__imagery-inner>div{background-color:rgb(var(--color-background));transform:translate3d(101%,0,0)}.hero-media__imagery-inner div:not(.media__overlay__inner){overflow:hidden;height:100%}.media-position--left{left:0}.media-position--center{left:50%;transform:translate(-50%)}.media-position--right{float:right}.hero-media__video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(var(--scrim-lightness),.2);pointer-events:none}.no-js .hero-media__video:after{display:none}.hero-media-section[data-animate=true] .hero-media__imagery-inner,.hero-media-section[data-animate=true] .hero-media__imagery-inner>div{transition:transform .95s cubic-bezier(.76,.09,.215,1);transition-delay:.2s}.no-js .hero-media-section .hero-media__imagery-inner,.no-js .hero-media-section .hero-media__imagery-inner>div{transition:transform .95s cubic-bezier(.76,.09,.215,1);transition-delay:.2s}.hero-media-section[data-animate=true] .hero-media__imagery-inner,.no-js .hero-media-section .hero-media__imagery-inner{transform:translateZ(0)}.hero-media-section[data-animate=true] .hero-media__imagery-inner>div{transform:translateZ(0)}.no-js .hero-media-section .hero-media__imagery-inner>div{transform:translateZ(0)}.hero-media-section[data-animate=true] .hero-media__imagery-inner>div>div{transform:scale(1);transition:transform 2.5s cubic-bezier(.34,.615,.4,.985)}.no-js .hero-media-section .hero-media__imagery-inner>div>div{transform:scale(1);transition:transform 2.5s cubic-bezier(.34,.615,.4,.985)}.hero-media-section[data-animate=true] .hero-media__text .hero-media__text-content,.hero-media-section[data-animate=true] .hero-media__btn{opacity:1;transform:translateY(0)}.hero-media--full-width{padding:0 .9375rem}.hero-media--full-width .hero-media__imagery{width:100%;max-width:none}.hero-media--full-width .video--16-9{width:100%;padding-bottom:56.25%}.hero-media--full-width .video--5-4{width:100%;padding-bottom:80%}@media only screen and (max-width: 1024px){.hero-media__btn{margin-top:.9375rem}.hero-media__btn .btn{padding:22px 50px;font-size:1.25rem}}@media only screen and (max-width: 767px){.hero-media{overflow:initial}.hero-media__text{transform:none;top:initial;left:0;bottom:-37px;padding:0 1.5rem;min-width:auto}.hero-media__text h1{--font-heading-size: calc(var(--font-heading-scale) * 2rem);max-width:none}.hero-media__text p{display:none}.hero-media__imagery{left:0;width:100%;max-width:none;max-height:540px}.hero-media__imagery-inner--mixed{border-radius:60px 0}.hero__media iframe{top:0;left:50%;transform:translate(-50%);width:267%;height:100%}.hero-media--full-width .hero-media__imagery{max-height:none}.hero-media--full-width .video--16-9,.hero-media--full-width .video--5-4{width:100%}.hero-media--full-width .hero__media iframe{width:320%}}@media (max-width: 767px) and (min-height: 800px){.hero-media__imagery{--video-width: calc(80vh - 200px) }}@media (max-width: 460px){.hero-media__inner--static{flex-direction:column}.hero-media__inner--static .hero-media__text{position:static;order:1;padding:0;margin-top:1.375rem}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-hero-media.css.map */