.video-hero,.video-hero__inner{position:relative}.video-hero__media{position:relative;display:block;min-height:var(--video-hero-mobile-height);overflow:hidden;background:rgba(var(--color-foreground),.08);isolation:isolate}.video-hero__poster,.video-hero__poster img,.video-hero__poster svg,.video-hero__media iframe,.video-hero__media video{width:100%;height:100%}.video-hero__poster,.video-hero__media iframe,.video-hero__media video{position:absolute;top:0;right:0;bottom:0;left:0}.video-hero__poster{display:block;padding:0;border:0;border-radius:0;-webkit-appearance:none;appearance:none;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.video-hero__poster img,.video-hero__poster svg,.video-hero__media video{object-fit:cover}.video-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:rgb(var(--color-shadow));opacity:var(--video-hero-overlay-opacity)}.video-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;padding:3rem 1.5rem;color:var(--video-hero-text-color);pointer-events:none}.video-hero__box{display:block;max-width:54rem}.video-hero__eyebrow{display:block;margin:0 0 1.6rem;font-size:1.2rem;font-weight:700;letter-spacing:.22em;line-height:1.2;text-transform:uppercase}.video-hero__heading{display:block;margin:0;color:var(--video-hero-text-color);font-size:clamp(3rem,4vw,5.6rem);font-weight:700;line-height:1.12}.video-hero__text{display:block;max-width:46rem;margin-top:2rem;font-size:1.6rem;line-height:1.55}.video-hero__text p{margin:0}.video-hero .video-hero__poster.media>.video-hero__play.motion-reduce{position:absolute;top:50%;left:65%;z-index:3;display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;max-width:none;border-radius:50%;background:#fff;color:#1f1f24;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease}.video-hero .video-hero__poster.media>.video-hero__play.motion-reduce .svg-wrapper{width:2.2rem;height:2.2rem}.video-hero__poster:hover .video-hero__play{transform:translate(-50%,-50%) scale(1.06)}.video-hero__media[loaded] .video-hero__content,.video-hero__media[loaded] .video-hero__overlay{display:none}@media screen and (min-width:750px){.video-hero__media{min-height:var(--video-hero-desktop-height)}.video-hero__content{padding:5rem}}@media screen and (max-width:749px){.video-hero__content{align-items:center}.video-hero .video-hero__poster.media>.video-hero__play.motion-reduce{top:64%;left:50%;width:5.2rem;height:5.2rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-video-hero.css.map */