.video-hero{position:relative;width:100%;height:100vh;min-height:500px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#1a1a2e;background-color:#f8f9fa}.video-hero__video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;z-index:1}@media screen and (max-width:749px){.video-hero__video{display:block}.video-hero__poster{display:block;z-index:0}}@media screen and (min-width:750px){.video-hero__poster{display:none}}.video-hero__poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.video-hero__poster-image{width:100%;height:100%;object-fit:cover}.video-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:2}.video-hero__content{position:relative;z-index:3;text-align:center;max-width:80rem;padding:2rem;color:rgb(var(--color-foreground))}.video-hero__heading{color:rgb(var(--color-foreground));margin-bottom:1.6rem;letter-spacing:.3em;text-transform:uppercase;font-weight:300}.video-hero__heading.h0{font-size:clamp(3.6rem,8vw,8rem)}.video-hero__subheading{color:rgba(var(--color-foreground),.7);font-size:clamp(1.4rem,2vw,2rem);margin-bottom:3.2rem;letter-spacing:.1em;font-weight:300}.video-hero__button{background-color:transparent;color:rgb(var(--color-button-text));border:1px solid rgb(var(--color-button));padding:1.2rem 3.6rem;font-size:1.3rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:background-color .3s ease,color .3s ease;display:inline-block;cursor:pointer}.video-hero__button:hover{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.video-hero__scroll-arrow{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:3;color:rgb(var(--color-foreground));animation:video-hero-bounce 2s ease-in-out infinite}@keyframes video-hero-bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.section-video-hero{margin-top:0;padding-top:0}.section-video-hero+.section-header{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-video-hero.css.map */