.video-interactable .banner__content{pointer-events:none}.video-interactable .banner__content .button{pointer-events:visible}.video-interactable .banner__media{z-index:1}.video-interactable:not(.banner--mobile-bottom) .banner__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}.video-interactable .banner__media video,.video-interactable .banner__media iframe{pointer-events:visible}.banner__media video,.banner__media iframe{width:100%;height:100%;pointer-events:none}.banner__media video{position:relative;object-fit:cover}.banner__media iframe{position:absolute;top:0;left:-100%;width:300%;max-width:none}@media screen and (min-width:1200px){.banner__media iframe{width:100%;height:300%;left:auto;top:-100%}}.video-hero{position:relative;min-height:clamp(56rem,88vh,90rem);overflow:hidden;background:#111}.video-hero .banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;height:100%}.video-hero .banner__media>use-animate,.video-hero .media-wrapper,.video-hero .banner__media .media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding-bottom:0}.video-hero .banner__media video,.video-hero .banner__media iframe,.video-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0000006b,#00000024 48%,#0000000a),rgba(var(--color-overlay),var(--color-overlay-opacity))}.video-hero .video-hero__content{z-index:2;min-height:inherit;pointer-events:none}.video-hero .video-hero__box{width:min(68rem,100%);padding:0 0 7.2rem;color:#fff;background:transparent;box-shadow:none;pointer-events:auto}.video-hero .video-hero__box>*+*{margin-top:0}.video-hero__text-reveal{display:block}.video-hero__heading{max-width:68rem;margin:0 0 1.6rem;color:#fff;font-size:clamp(3.2rem,5vw,7.6rem);font-weight:400;letter-spacing:.06em;line-height:.98;text-transform:uppercase}.video-hero__word-clip{display:inline-block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em;vertical-align:bottom}.video-hero__heading .video-hero__word-clip:not(:last-child){margin-inline-end:.2em}.video-hero__subheading .video-hero__word-clip:not(:last-child){margin-inline-end:.24em}.video-hero__word{display:inline-block}.video-hero__text-reveal.is-enhanced .video-hero__word{opacity:0;transform:translateY(115%);will-change:opacity,transform}.video-hero__text-reveal.is-enhanced.is-ready .video-hero__word{opacity:1;transform:translateY(0)}.video-hero__text-reveal.is-enhanced.is-ready .video-hero__word--heading{transition:opacity .5s cubic-bezier(.22,1,.36,1) calc(80ms + var(--word-delay)),transform .9s cubic-bezier(.16,1,.3,1) var(--word-delay)}.video-hero__text-reveal.is-enhanced.is-ready .video-hero__word--subheading{transition:opacity .46s ease calc(.52s + var(--word-delay)),transform .7s cubic-bezier(.22,1,.36,1) calc(.46s + var(--word-delay))}.video-hero__subheading{max-width:52rem;margin:0 0 2.8rem;color:#ffffffe6;font-size:clamp(1.4rem,1.25vw,1.8rem);line-height:1.6}.video-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:0 2.4rem;border:.1rem solid currentColor;color:#fff;font-family:var(--font-button-family);font-size:1.1rem;letter-spacing:.12em;line-height:1;text-decoration:none;text-transform:uppercase;transition:background .18s ease,color .18s ease}.video-hero__text-reveal.is-enhanced .video-hero__button{opacity:0;transform:translateY(1.4rem)}.video-hero__text-reveal.is-enhanced.is-ready .video-hero__button{opacity:1;transform:translateY(0);transition:opacity .5s ease .98s,transform .7s cubic-bezier(.22,1,.36,1) .92s,background .18s ease,color .18s ease}.video-hero__button:hover,.video-hero__button:focus-visible{color:#111;background:#fff}@media screen and (max-width:749px){.video-hero{min-height:100vh}@supports (min-height: 100svh){.video-hero{min-height:100svh}}.video-hero .video-hero__content{padding:0 2rem}.video-hero .video-hero__box{padding-bottom:calc(4.8rem + env(safe-area-inset-bottom) + var(--mobile-dock-height, 0px))}.video-hero__heading{font-size:clamp(3rem,11vw,4.8rem)}}@media(prefers-reduced-motion:reduce){.video-hero__word,.video-hero__button{opacity:1!important;transform:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-video-hero.css.map */