.video-hero{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;isolation:isolate;min-height:80vh;min-height:80dvh;padding-bottom:4.5rem}.video-hero--position-center{align-items:center;padding-bottom:0}@media screen and (min-width:750px){.video-hero--position-bottom-left{padding-bottom:7rem}}@media screen and (min-width:990px){.video-hero__content.page-width{max-width:100%}}@media screen and (min-width:750px){.video-hero--100vh{min-height:100vh;min-height:100dvh}.video-hero--700px{min-height:700px}}.video-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.video-hero__poster,.video-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-hero__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;pointer-events:none}.video-hero__content{position:relative;z-index:2;display:flex;justify-content:center;width:100%}.video-hero--position-bottom-left .video-hero__content{justify-content:flex-start}.video-hero__content:before{content:"";position:absolute;top:-5rem;right:-3rem;bottom:-5rem;left:-3rem;z-index:-1;background:radial-gradient(ellipse at center,#00000080,#0000 72%);pointer-events:none}.video-hero__text-wrap{display:flex;flex-direction:column;align-items:center;max-width:76rem;text-align:center;gap:2rem}@media screen and (min-width:750px){.video-hero__text-wrap{gap:2.8rem}}.video-hero--position-bottom-left .video-hero__text-wrap{align-items:flex-start;max-width:48rem;text-align:left}.video-hero__kicker{margin:0;color:rgb(var(--color-foreground))}.video-hero__heading{margin:0}@media screen and (max-width:749px){.video-hero__heading.hxl{font-size:clamp(2.8rem,10vw,4rem);line-height:1.15}}.video-hero__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.75rem}.video-hero--position-bottom-left .video-hero__buttons{justify-content:flex-start}.video-hero__buttons .button{border-radius:999px;min-width:0;min-height:0;padding:1.5rem 2.6rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:.08em}.video-hero__button--outline.button{background-color:transparent;color:rgb(var(--color-secondary-button-text));border:.1rem solid rgb(var(--color-secondary-button-text));transition:background-color var(--duration-short) ease,color var(--duration-short) ease}.video-hero__button--outline.button:before,.video-hero__button--outline.button:after{content:none}.video-hero__button--outline.button:not([disabled]):hover{background-color:rgb(var(--color-secondary-button-text));color:rgb(var(--color-background))}.video-hero__scroll-indicator{position:absolute;bottom:2.8rem;left:50%;z-index:2;color:rgb(var(--color-foreground));pointer-events:none;transform:translate(-50%);animation:video-hero-scroll-bounce 2.2s ease-in-out infinite}@media screen and (min-width:750px){.video-hero__scroll-indicator{bottom:3.6rem}}@keyframes video-hero-scroll-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-video-hero.css.map */