.banner__wrapper{--spacing: 2rem;position:relative;display:-webkit-flex;display:flex;width:100%;max-width:var(--page-width);margin:0 auto}.banner__container{width:100%;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr;gap:1rem;z-index:1;position:relative}.banner__segment{--height: var(--banner-seg-height-mobile, 400px);--overlay-color: 0, 0, 0;--overlay-opacity: 0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:calc(var(--spacing) / 3);-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:end;justify-content:end;position:relative;z-index:1;border-radius:var(--media-radius);border:.1rem solid rgba(var(--color-foreground),.2);height:var(--height);-webkit-transition:border-color .15s ease-out;transition:border-color .15s ease-out;overflow:hidden;color:inherit;text-decoration:none;padding:var(--spacing);-webkit-backface-visibility:hidden;backface-visibility:hidden}.banner__segment>*{position:relative;margin:0;z-index:2}.banner__segment h2{font-family:var(--font-family__display);font-size:4rem;line-height:1;font-weight:600}.banner__segment:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-image:var(--bg-img);background-position:var(--bg-position, center);background-size:var(--bg-size, cover);background-repeat:no-repeat;-webkit-transition:-webkit-transform .15s ease-out;transition:transform .15s ease-out;will-change:transform;z-index:0}.banner__segment:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0}.banner__segment--overlay-solid:after{background:rgba(var(--overlay-color),var(--overlay-opacity));opacity:1}.banner__segment--overlay-gradient:after{background:linear-gradient(to top,rgba(var(--overlay-color),var(--overlay-opacity)),rgba(var(--overlay-color),0));opacity:1}.banner__segment:hover{border-color:rgba(var(--color-foreground),.5)}.banner__segment:hover:before{-webkit-transform:scale(1.02);transform:scale(1.02)}@media screen and (max-width:750px){.banner__segment:before{background-size:120%}}@media(min-width:800px){.banner__container{grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding:2rem 4rem}.banner__segment{--height: var(--banner-seg-height-desktop, 700px)}.banner__segment h2{font-size:6rem}}
/*# sourceMappingURL=/cdn/shop/t/1657/assets/section-split-banner.css.map */