.hero-split__container{display:grid;width:100%;position:relative;grid-template-rows:1fr;align-items:stretch}.hero-split__container.wide{aspect-ratio:32/9;grid-template-columns:16fr 16fr}.hero-split__container.standard{aspect-ratio:8/3;grid-template-columns:4fr 4fr}.hero-split__video{position:relative;overflow:hidden}.hero-split__container.wide .hero-split__video{aspect-ratio:16/9}.hero-split__container.standard .hero-split__video{aspect-ratio:4/3}.hero-split__video-container{position:relative;width:100%;height:100%;aspect-ratio:var(--video-aspect-ratio, 16/9)}.hero-split__video .video-autoplay-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.hero-split__video .video-autoplay-wrapper video{width:100%;height:100%;object-fit:cover}.hero-split__fallback-image{width:100%;height:100%}.hero-split__container.wide .hero-split__fallback-image{aspect-ratio:16/9}.hero-split__container.standard .hero-split__fallback-image{aspect-ratio:4/3}.hero-split__video-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--bg-neutral, #f5f5f5);color:var(--text-neutral, #666)}.hero-split__container.wide .hero-split__video-placeholder{aspect-ratio:16/9}.hero-split__container.standard .hero-split__video-placeholder{aspect-ratio:4/3}.hero-split__video-placeholder .placeholder-content{text-align:center;padding:var(--outer, 20px)}.hero-split__content{position:relative;display:flex;align-items:center}.hero-split__container.wide .hero-split__content{aspect-ratio:16/9}.hero-split__container.standard .hero-split__content{aspect-ratio:4/3}.hero-split__content-container{width:100%;height:100%;position:relative}.hero-split__content-inner{padding:var(--outer, 20px);height:100%;display:flex;flex-direction:column;gap:1.5rem}.backdrop--hero{overflow:hidden}.hero-split__content-container.align--top-left .hero-split__content-inner{justify-content:flex-start;align-items:flex-start;text-align:left}.hero-split__content-container.align--top-center .hero-split__content-inner{justify-content:flex-start;align-items:center;text-align:center}.hero-split__content-container.align--top-right .hero-split__content-inner{justify-content:flex-start;align-items:flex-end;text-align:right}.hero-split__content-container.align--middle-left .hero-split__content-inner{justify-content:center;align-items:flex-start;text-align:left}.hero-split__content-container.align--middle-center .hero-split__content-inner{justify-content:center;align-items:center;text-align:center}.hero-split__content-container.align--middle-right .hero-split__content-inner{justify-content:center;align-items:flex-end;text-align:right}.hero-split__content-container.align--bottom-left .hero-split__content-inner{justify-content:flex-end;align-items:flex-start;text-align:left}.hero-split__content-container.align--bottom-center .hero-split__content-inner{justify-content:flex-end;align-items:center;text-align:center}.hero-split__content-container.align--bottom-right .hero-split__content-inner{justify-content:flex-end;align-items:flex-end;text-align:right}.hero-split__html-content h1,.hero-split__html-content h2,.hero-split__html-content h3,.hero-split__html-content h4,.hero-split__html-content h5,.hero-split__html-content h6{margin-bottom:1rem;line-height:1.2}.hero-split__html-content p{margin-bottom:1rem;line-height:1.6}.hero-split__html-content p:last-child{margin-bottom:0}.hero-split__cta-wrapper{display:flex;flex-wrap:wrap;gap:1rem}.hero-split__cta-wrapper .hero__btn{flex:0 0 auto}.hero-split__custom-btn{border:2px solid;transition:all .3s ease;text-decoration:none;display:inline-block;font-weight:600;text-align:center;border-radius:4px;cursor:pointer}.hero-split__custom-btn.btn--small{padding:.5rem 1rem;font-size:.875rem;font-weight:500}.hero-split__custom-btn.btn--medium{padding:.625rem 1.5rem;font-size:.9375rem;font-weight:600}.hero-split__custom-btn.btn--large{padding:.875rem 2.5rem;font-size:1.125rem;font-weight:600}.hero-split__custom-btn:not(.btn--small):not(.btn--medium):not(.btn--large){padding:.75rem 2rem;font-size:1rem;font-weight:600}.hero-split__custom-btn:hover{opacity:.8;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.hero-split__custom-btn:active{transform:translateY(0);box-shadow:0 2px 4px #00000026}.hero-split__content{background-repeat:no-repeat;background-position:center;background-size:cover}@media only screen and (max-width:767px){.hero-split__container.wide,.hero-split__container.standard{aspect-ratio:unset;grid-template-columns:1fr;grid-template-rows:auto auto}.hero-split__content{grid-row:1}.hero-split__video{grid-row:2}.hero-split__container.wide .hero-split__video,.hero-split__container.wide .hero-split__content,.hero-split__container.standard .hero-split__video,.hero-split__container.standard .hero-split__content{aspect-ratio:4/3!important}.hero-split__video-container{aspect-ratio:var(--video-aspect-ratio, 4/3)}.hero-split__container.wide .hero-split__fallback-image,.hero-split__container.wide .hero-split__video-placeholder,.hero-split__container.standard .hero-split__fallback-image,.hero-split__container.standard .hero-split__video-placeholder{aspect-ratio:4/3!important}.hero-split__content-inner{padding:calc(var(--outer, 20px) * .75)}.hero-split__cta-wrapper{flex-direction:column;align-items:flex-start}.hero-split__content-container.align--middle-center .hero-split__cta-wrapper,.hero-split__content-container.align--top-center .hero-split__cta-wrapper,.hero-split__content-container.align--bottom-center .hero-split__cta-wrapper{align-items:center}.hero-split__content-container.align--middle-right .hero-split__cta-wrapper,.hero-split__content-container.align--top-right .hero-split__cta-wrapper,.hero-split__content-container.align--bottom-right .hero-split__cta-wrapper{align-items:flex-end}.hero-split__custom-btn.btn--small{padding:.4rem .8rem;font-size:.8rem}.hero-split__custom-btn.btn--medium{padding:.5rem 1.2rem;font-size:.85rem}.hero-split__custom-btn.btn--large{padding:.7rem 2rem;font-size:1rem}.hero-split__custom-btn:not(.btn--small):not(.btn--medium):not(.btn--large){padding:.6rem 1.5rem;font-size:.9rem}}@media only screen and (min-width:768px)and (max-width:1024px){.hero-split__content-inner{padding:var(--outer, 20px)}.hero-split__cta-wrapper{flex-direction:row}}@media only screen and (min-width:1200px){.hero-split__content-inner{padding:calc(var(--outer, 20px) * 1.5)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-split-video-text.css.map */