.background-scroll-section .banner{display:flex;position:relative;flex-direction:column;z-index:auto}.background-scroll-section .banner__box{text-align:center}.background-scroll-section .fixed_image{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:150%;object-fit:cover;z-index:-1;transform:translateY(0);will-change:transform}.background-scroll-section.transparent-bg{background:transparent}.background-scroll-section .banner__box.gradient{transform:perspective(0)}@media only screen and (max-width:749px){.background-scroll-section .banner--content-align-mobile-right .banner__box{text-align:right}.background-scroll-section .banner--content-align-mobile-left .banner__box{text-align:left}}@media only screen and (min-width:750px){.background-scroll-section .banner--content-align-right .banner__box{text-align:right}.background-scroll-section .banner--content-align-left .banner__box{text-align:left}}.background-scroll-section .banner__media.animate--zoom-in{clip-path:inset(0px)}.background-scroll-section .banner__media.animate--zoom-in>img:not(.zoom):not(.deferred-media__poster-button),.background-scroll-section .banner__media.animate--zoom-in>svg:not(.zoom):not(.deferred-media__poster-button){position:fixed;height:100vh}@media screen and (max-width:749px){.background-scroll-section .banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media,.background-scroll-section .banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:28rem}.background-scroll-section .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,.background-scroll-section .banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:34rem}.background-scroll-section .banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media,.background-scroll-section .banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media{height:39rem}.background-scroll-section .banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:28rem}.background-scroll-section .banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:34rem}.background-scroll-section .banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:39rem}}@media screen and (min-width:750px){.background-scroll-section .banner{flex-direction:row}.background-scroll-section .banner--small:not(.banner--adapt){min-height:42rem}.background-scroll-section .banner--medium:not(.banner--adapt){min-height:56rem}.background-scroll-section .banner--large:not(.banner--adapt){min-height:52rem}.background-scroll-section .banner__content.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.background-scroll-section .banner__content.banner__content--top-center{align-items:flex-start;justify-content:center}.background-scroll-section .banner__content.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.background-scroll-section .banner__content.banner__content--middle-left{align-items:center;justify-content:flex-start}.background-scroll-section .banner__content.banner__content--middle-center{align-items:center;justify-content:center}.background-scroll-section .banner__content.banner__content--middle-right{align-items:center;justify-content:flex-end}.background-scroll-section .banner__content.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.background-scroll-section .banner__content.banner__content--bottom-center{align-items:flex-end;justify-content:center}.background-scroll-section .banner__content.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:749px){.background-scroll-section .banner{min-height:50rem}.background-scroll-section .banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}.background-scroll-section .banner--stacked{height:auto}.background-scroll-section .banner--stacked .banner__media{flex-direction:column}}.background-scroll-section .banner__media{height:100%;position:absolute;left:0;top:0;width:100%}.background-scroll-section .banner__media-half{width:50%}.background-scroll-section .banner__media-half+.banner__media-half{right:0;left:auto}.background-scroll-section .banner__media-half.animate--fixed:first-child>img,.background-scroll-section .banner__media-half.animate--zoom-in:first-child>img{width:50%}.background-scroll-section .banner__media-half.animate--fixed:nth-child(2)>img,.background-scroll-section .banner__media-half.animate--zoom-in:nth-child(2)>img{left:50%;width:50%}@media screen and (max-width:749px){.background-scroll-section .banner--stacked .animate--fixed:first-child>img,.background-scroll-section .banner--stacked .animate--zoom-in:first-child>img{width:100%}.background-scroll-section .banner--stacked .banner__media-half.animate--fixed:nth-child(2)>img,.background-scroll-section .banner--stacked .banner__media-half.animate--zoom-in:nth-child(2)>img{left:0;width:100%}.background-scroll-section .banner--stacked .banner__media-half{width:100%}.background-scroll-section .banner--stacked .banner__media-half+.banner__media-half{order:1}}@media screen and (min-width:750px){.background-scroll-section .banner__media{height:100%}}.background-scroll-section .banner--adapt,.background-scroll-section .banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder){height:auto}@media screen and (max-width:749px){.background-scroll-section .banner--mobile-bottom .banner__media,.background-scroll-section .banner--stacked:not(.banner--mobile-bottom) .banner__media{position:relative}.background-scroll-section .banner--stacked.banner--adapt .banner__content{height:auto}.background-scroll-section .banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box{background:transparent}.background-scroll-section .banner:not(.banner--mobile-bottom) .banner__box{border:none;border-radius:0;box-shadow:none}.background-scroll-section .banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{position:absolute;height:auto}.background-scroll-section .banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content{max-height:100%;overflow:hidden;position:absolute}.background-scroll-section .banner--stacked:not(.banner--adapt) .banner__media{position:relative}.background-scroll-section .banner:before{display:none!important}.background-scroll-section .banner--stacked .banner__media-image-half{width:100%}}.background-scroll-section .banner__content{padding:0;display:flex;position:relative;min-height:55rem;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (min-width:750px){.background-scroll-section .banner__content{padding:5rem;min-height:75rem}.background-scroll-section .banner__content--top-left{align-items:flex-start;justify-content:flex-start}.background-scroll-section .banner__content--top-center{align-items:flex-start;justify-content:center}.background-scroll-section .banner__content--top-right{align-items:flex-start;justify-content:flex-end}.background-scroll-section .banner__content--middle-left{align-items:center;justify-content:flex-start}.background-scroll-section .banner__content--middle-center{align-items:center;justify-content:center}.background-scroll-section .banner__content--middle-right{align-items:center;justify-content:flex-end}.background-scroll-section .banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.background-scroll-section .banner__content--bottom-center{align-items:flex-end;justify-content:center}.background-scroll-section .banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:749px){.background-scroll-section .banner--mobile-bottom:not(.banner--stacked) .banner__content{order:2}.background-scroll-section .banner:not(.banner--mobile-bottom) .field__input,.background-scroll-section .banner--mobile-bottom:not(.banner--stacked) .banner__box.color-scheme-1{background:transparent}}.background-scroll-section .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;display:flex;flex-direction:column;gap:1.5rem}.background-scroll-section .banner--mobile-bottom .banner__box{padding:4rem 3.5rem}@media screen and (min-width:750px){.background-scroll-section .banner__box{padding:4rem 3.5rem}.background-scroll-section .banner--desktop-transparent .banner__box{display:flex;flex-direction:column;gap:3rem;padding:5rem 0 2rem;background:transparent;border:none;border-radius:0;box-shadow:none}.background-scroll-section .banner--desktop-transparent .content-container:after{display:none}}@media screen and (max-width:749px){.background-scroll-section .banner--mobile-bottom:after,.background-scroll-section .banner--mobile-bottom .banner__media:after{display:none}}.background-scroll-section .banner:after,.background-scroll-section .banner__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.background-scroll-section .banner__box>*:first-child{margin-top:0}@media screen and (max-width:749px){.background-scroll-section .banner--stacked .banner__box{width:100%}}@media screen and (min-width:750px){.background-scroll-section .banner__box{width:100%;min-width:45rem}}.background-scroll-section .banner__heading{margin-bottom:0;line-height:normal;letter-spacing:0;width:100%}.background-scroll-section .banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word}@media screen and (max-width:749px){.background-scroll-section .banner--content-align-mobile-right .banner__buttons--multiple{justify-content:flex-end}.background-scroll-section .banner--content-align-mobile-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}}@media screen and (min-width:750px){.background-scroll-section .banner--content-align-center .banner__buttons--multiple>*{flex-grow:1;min-width:22rem}.background-scroll-section .banner--content-align-right .banner__buttons--multiple{justify-content:flex-end}}@media screen and (max-width:749px){.background-scroll-section .banner:not(.slideshow) .rte a,.background-scroll-section .banner:not(.slideshow) .inline-richtext a:hover,.background-scroll-section .banner:not(.slideshow) .rte a:hover{color:currentColor}}@media screen and (min-width:750px){.background-scroll-section .banner--desktop-transparent .rte a,.background-scroll-section .banner--desktop-transparent .inline-richtext a:hover,.background-scroll-section .banner--desktop-transparent .rte a:hover{color:currentColor}}.background-scroll-section .banner__text{font-size:1.8rem;line-height:normal;letter-spacing:0}@media screen and (min-width:750px){.background-scroll-section .banner__text{min-width:56.3rem}}.background-scroll-section .banner__text.subtitle{font-weight:700;font-size:2.2rem;line-height:normal;letter-spacing:0;color:rgba(var(--color-foreground))}.background-scroll-section .banner__box:has(.banner__text+.banner__text){display:flex;flex-direction:column;gap:1.5rem}.background-scroll-section .banner--adapt .banner__media img{object-position:bottom center}@media screen and (min-width:1200px){.background-scroll-section .banner--large:not(.banner--adapt){min-height:73.3rem}}@media screen and (min-width:750px)and (max-width:1024px){.background-scroll-section .banner__heading{line-height:1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/background-scroll-banner.css.map */