.banner{display:flex;position:relative;flex-direction:column;z-index:auto;isolation:isolate}.banner .h1{font-size:3rem;line-height:3.5rem}.banner .h2{font-size:2.5rem;line-height:3rem}.banner .h3{font-size:2rem;line-height:2.5rem}.banner .h4{font-size:1.8rem;line-height:2.3rem}.banner .h5{font-size:1.3rem;line-height:1.8rem}.banner .h6{font-size:1rem;line-height:1.5rem}.banner div:empty{display:none}.banner-content__wrapper{width:100%}.banner .module-inner{margin-top:0;margin-bottom:0}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%;display:block;overflow:hidden}.banner .media>*:not(.zoom):not(.deferred-media__poster-button){display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%}.banner .media>img{object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.banner__media-half+.banner__media-half{right:0;left:auto}.banner--adapt,.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder){height:auto}.banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}.banner__box{padding:4rem 1.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:1}.banner:after,.banner__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.banner__box>*+.banner__text{margin-top:1.5rem}.banner__heading{margin-bottom:0}.banner__box .banner__heading+*{margin-top:1rem}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}.banner__box>*+.banner__buttons{margin-top:2rem}.banner__box>*+*{margin-top:1rem}.banner__box>*:first-child{margin-top:0}@media only screen and (max-width: 749px){.banner--content-align-mobile-right .banner__box{text-align:right}.banner--content-align-mobile-left .banner__box{text-align:left}.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:14rem}.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:20rem}.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:25rem}.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:14rem}.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:20rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:25rem}.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.banner:not(.banner--mobile-bottom) .banner__box{background:transparent}.banner:not(.banner--mobile-bottom) .banner__box{border:none;border-radius:0;box-shadow:none}.banner:before{display:none!important}.banner__box{padding:1rem 1.5rem 2rem}}@media only screen and (min-width: 750px){.banner--content-align-right .banner__box{text-align:right}.banner--content-align-left .banner__box{text-align:left}.banner--content-align-left.banner--desktop-transparent .banner__box,.banner--content-align-right.banner--desktop-transparent .banner__box,.banner--medium.banner--desktop-transparent .banner__box{max-width:68rem}.banner{flex-direction:row}.banner--small:not(.banner--adapt){min-height:30rem}.banner--medium:not(.banner--adapt){min-height:40rem}.banner--large:not(.banner--adapt){min-height:54rem}.banner__media{height:100%}.banner--desktop-transparent .banner__box{padding:4rem 0;background:transparent;max-width:89rem;border:none;border-radius:0;box-shadow:none}.banner--desktop-transparent .button--secondary{--alpha-button-background: 0}.banner--desktop-transparent .content-container:after{display:none}.banner__box>*+.banner__text{margin-top:2rem}.banner__box{width:auto;min-width:45rem}.banner .block-text-heading a.button:nth-of-type(2){margin-left:15px}}@media only screen and (min-width: 1024px){.banner__content .banner-content__column .banner__box{display:flex;flex-direction:row}.banner__content .banner-content__column .banner-block.block-text-heading{flex-basis:60%}.banner__content .banner-content__column .banner-block.block-video{flex-basis:40%}.banner__content .banner-content__column .banner-block.block-text-heading:is(:last-child,:last-of-type){padding-left:30px}}
/*# sourceMappingURL=/cdn/shop/t/669/assets/bso-hero-banner.css.map */