.video-hero{position:relative;overflow:hidden;background-color:rgb(var(--color-foreground),.04)}.video-hero__media{position:relative;width:100%;height:46rem}.video-hero--small .video-hero__media{height:38rem}.video-hero--large .video-hero__media{height:58rem}.video-hero__layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.video-hero__placeholder .placeholder-svg{width:100%;height:100%}.video-hero__layer--desktop{display:none}.video-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.video-hero__overlay--bottom{background:linear-gradient(to top,rgba(0,0,0,var(--video-hero-overlay, .45)),rgba(0,0,0,calc(var(--video-hero-overlay, .45) * .35)) 45%,#0000 80%)}.video-hero__overlay--top{background:linear-gradient(to bottom,rgba(0,0,0,var(--video-hero-overlay, .45)),rgba(0,0,0,calc(var(--video-hero-overlay, .45) * .35)) 45%,#0000 80%)}.video-hero__overlay--middle{background:rgba(0,0,0,calc(var(--video-hero-overlay, .45) * .75))}.video-hero__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;padding:2.4rem 2rem;padding-bottom:max(2.4rem,env(safe-area-inset-bottom,0px))}.video-hero__content--top{align-items:flex-start}.video-hero__content--middle{align-items:center}.video-hero__content--bottom{align-items:flex-end}.video-hero__text{width:100%;max-width:52rem;text-align:center}.video-hero__heading{margin:0;color:#fff;font-size:2.6rem;line-height:1.35;letter-spacing:.02em;white-space:pre-line;text-wrap:balance;text-shadow:0 .1rem 1.2rem rgba(0,0,0,.35)}.video-hero__subheading{margin:.8rem 0 0;color:#fff;font-size:1.4rem;letter-spacing:.08em;opacity:.92;text-shadow:0 .1rem 1rem rgba(0,0,0,.35)}.video-hero__cta{margin-top:1.8rem;min-width:22rem}@media screen and (min-width:750px){.video-hero__media{height:58rem}.video-hero--small .video-hero__media{height:46rem}.video-hero--large .video-hero__media{height:72rem}.video-hero__layer--mobile{display:none}.video-hero__layer--desktop{display:block}.video-hero__content{padding:4.8rem 5rem}.video-hero__text{max-width:62rem}.video-hero__heading{font-size:4rem}.video-hero__subheading{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.video-hero__video--has-poster{display:none}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-video-hero.css.map */