.video-hero{position:relative;overflow:hidden;width:100%;color:#fff}.video-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.video-hero__video{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 1.2s ease}.video-hero__video.loaded{opacity:1}.video-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.video-hero__content{position:relative;display:flex;width:100%;height:100%;z-index:2;padding:3rem}.video-hero__inner{max-width:70rem}.text-align-left{text-align:left}.text-align-center{text-align:center;margin:0 auto}.text-align-right{text-align:right;margin-left:auto}.video-hero__content--top-left{align-items:flex-start;justify-content:flex-start}.video-hero__content--top-center{align-items:flex-start;justify-content:center}.video-hero__content--top-right{align-items:flex-start;justify-content:flex-end}.video-hero__content--middle-left{align-items:center;justify-content:flex-start}.video-hero__content--middle-center{align-items:center;justify-content:center}.video-hero__content--middle-right{align-items:center;justify-content:flex-end}.video-hero__content--bottom-left{align-items:flex-end;justify-content:flex-start}.video-hero__content--bottom-center{align-items:flex-end;justify-content:center}.video-hero__content--bottom-right{align-items:flex-end;justify-content:flex-end}.video-hero[data-height=small]{height:40vh}.video-hero[data-height=medium]{height:60vh}.video-hero[data-height=large]{height:80vh}.video-hero[data-height=full]{height:100vh}.video-hero__heading{font-size:clamp(2rem,4vw,5rem);font-weight:600;margin-bottom:1rem}.video-hero__text{font-size:1.4rem;line-height:1.5;margin-bottom:2rem;opacity:.9}.video-hero__buttons{display:flex;flex-wrap:wrap;gap:1rem}.video-hero .button{background:#fff;color:#000;padding:1rem 2rem;border-radius:2rem;font-weight:500;text-decoration:none;transition:background .3s ease,color .3s ease}.video-hero .button:hover{background:#fffc}.video-hero .button--secondary{background:transparent;border:1px solid white;color:#fff}.video-hero .button--secondary:hover{background:#fff;color:#000}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-hero.css.map */