.video-hero{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:9 / 16;max-height:calc(100svh - 2 * var(--card-gap, 10px))}@media screen and (min-width:750px){.video-hero{aspect-ratio:16 / 9}}.video-hero--full{aspect-ratio:auto;height:calc(100svh - 2 * var(--card-gap, 10px))}.video-hero__poster,.video-hero__poster img,.video-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-hero__video{opacity:0;transition:opacity .3s ease}.video-hero--playing .video-hero__video{opacity:1}@media(prefers-reduced-motion:reduce){.video-hero__video{display:none}}.video-hero--empty{background:linear-gradient(160deg,#3a4a6b,#1f2c47)}.video-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.video-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:2rem;text-align:left}.video-hero__box{max-width:50rem;color:#fff}.video-hero__box.content-container{padding:2rem 2.5rem;color:rgba(var(--color-foreground))}.video-hero__heading{margin:0;color:inherit}.video-hero__text{margin-top:1rem}.video-hero__buttons{display:flex;gap:1rem;margin-top:2rem}.video-hero--content-mobile-center .video-hero__content{justify-content:center;text-align:center}.video-hero--content-mobile-center .video-hero__buttons{justify-content:center}@media screen and (min-width:750px){.video-hero--content-top-left .video-hero__content,.video-hero--content-top-center .video-hero__content{align-items:flex-start}.video-hero--content-middle-left .video-hero__content,.video-hero--content-middle-center .video-hero__content{align-items:center}.video-hero--content-bottom-left .video-hero__content,.video-hero--content-bottom-center .video-hero__content{align-items:flex-end}.video-hero--content-top-left .video-hero__content,.video-hero--content-middle-left .video-hero__content,.video-hero--content-bottom-left .video-hero__content{justify-content:flex-start;text-align:left}.video-hero--content-top-center .video-hero__content,.video-hero--content-middle-center .video-hero__content,.video-hero--content-bottom-center .video-hero__content{justify-content:center;text-align:center}.video-hero--content-top-center .video-hero__buttons,.video-hero--content-middle-center .video-hero__buttons,.video-hero--content-bottom-center .video-hero__buttons{justify-content:center}.video-hero__content{padding:4rem 5rem}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-video-hero.css.map */