.video-banner{position:relative;overflow:hidden;min-height:var(--min-height, 500px);color:var(--color-text, #fff)}.video-banner__media-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.video-banner__media{width:100%;height:100%;object-fit:cover;display:block}.video-banner__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.video-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:var(--v-align, center);align-items:var(--h-align, center);text-align:center;padding:clamp(16px,4vw,48px);gap:var(--block-gap, 20px)}.video-banner__content>*+*{margin-top:var(--block-gap, 20px)}.video-banner__heading.heading-sm{font-size:1.5rem;font-weight:600}.video-banner__heading.heading-md{font-size:2rem;font-weight:700}.video-banner__heading.heading-lg{font-size:2.5rem;font-weight:700}.video-banner__heading.heading-xl{font-size:3rem;font-weight:800}.video-banner__subheading.subheading-sm{font-size:1rem}.video-banner__subheading.subheading-md{font-size:1.25rem}.video-banner__subheading.subheading-lg{font-size:1.5rem}.video-banner__text{max-width:80ch;line-height:1.4}.video-banner__button{display:inline-block;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .18s ease}.video-banner__button.no-underline{text-decoration:none}.video-banner__button.btn-solid{background:var(--color-button-solid-bg, #111);color:var(--color-button-solid-text, #fff);border:2px solid var(--color-button-solid-bg, #111)}.video-banner__button.btn-solid:hover{background:var(--color-button-solid-hover-bg, #222);border-color:var(--color-button-solid-hover-bg, #222)}.video-banner__button.btn-outline{background:transparent;color:var(--color-button-outline-text, #fff);border:2px solid var(--color-button-outline-border, rgba(255,255,255,.85))}.video-banner__button.btn-outline:hover{background:#ffffff0f}@media (max-width: 749px){.video-banner__heading.heading-xl{font-size:2rem}.video-banner__heading.heading-lg{font-size:1.75rem}.video-banner__content{padding:1rem;gap:calc(var(--block-gap, 20px)/1.2)}}
/*# sourceMappingURL=/cdn/shop/t/1/compiled_assets/styles.css.map */
