.banner{position:relative;display:flex;flex-direction:column;z-index:auto;isolation:isolate}.banner__media{position:relative;width:100%;height:100%;min-height:450px;max-height:600px;overflow:hidden}.banner__image{position:absolute;object-fit:cover;width:100%;height:100%}.banner__wrapper{padding:var(--spacing)}.banner__content{display:flex;flex-direction:column;gap:calc(.25 * var(--spacing))}.banner__heading{margin-block:0;line-height:1.1}.banner__buttons{display:flex;flex-wrap:wrap;gap:4px}@media only screen and (max-width:767px){.mobile-align--center .banner__buttons{justify-content:center}.mobile-align--right .banner__buttons{justify-content:flex-end}}@media screen and (min-width:768px){.banner__media{max-height:unset}.banner__image{height:100%}.banner__wrapper{padding:calc(1.5*var(--spacing))}.banner__content{gap:calc(.5 * var(--spacing))}.desktop-align--center .banner__buttons{justify-content:center}.desktop-align--right .banner__buttons{justify-content:flex-end}}/*!* Needed for gradient continuity with or without animation, the transform scopes the gradient to its container which happens already when animation are turned on *!*/
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-image-banner.css.map */