.section-hero-banner .section-heading{padding-bottom:4.6rem}.section-hero-banner .section-heading .section-heading__title{font-size:calc(var(--font-heading-size)* 2.8rem);line-height:3.3rem;color:var(--color-approx-black);letter-spacing:.02rem;margin-bottom:0rem}.section-hero-banner .section-heading .section-heading__title>*,.section-hero-banner .section-heading .section-heading__text>*{margin-bottom:0rem}.section-hero-banner .section-heading .section-heading__text{font-size:2.4rem;line-height:2.4rem;letter-spacing:.02rem;color:var(--color-approx-black);font-weight:400;margin-top:1rem}.section-hero-banner .hero-banner__media .media--placeholder svg{max-width:100%}.section-hero-banner .hero-banner-wrapper .image-wrapper{position:relative}.section-hero-banner .hero-banner-wrapper picture{display:block}.section-hero-banner .hero-banner-wrapper picture img,.section-hero-banner .hero-banner-wrapper img{max-width:100%;width:100%;height:auto;display:block;object-fit:cover}.section-hero-banner .hero-banner-wrapper .hero-banner__media{width:100%;height:100%;display:block}.section-hero-banner .hero-banner-wrapper .media--placeholder.media--adapt{height:30rem}.section-hero-banner .hero-banner-wrapper .image-wrapper .image{display:flex}.hero-banner-wrapper{position:relative}.hero-banner-wrapper[data-top-abstract=true]{padding-top:4rem}.hero-banner-wrapper[data-bottom-abstract=true]{padding-bottom:4rem}.hero-banner-wrapper .hero-banner__top-abstract{position:absolute;display:flex;overflow:hidden;top:-3rem;z-index:-1}.hero-banner-wrapper .hero-banner__bottom-abstract{position:absolute;display:flex;overflow:hidden;bottom:-3rem;z-index:-1}.hero-banner-abstract .cross-abstract{margin-left:-4rem}@media(min-width:750px){.section-hero-banner .hero-banner-wrapper .image-wrapper .image-mobile{display:none}.section-hero-banner[data-container-padding=true] .page-full-width{padding-inline:1.6rem}}@media(max-width:749px){.section-hero-banner[data-container-padding-mobile=true] .page-full-width{padding-inline:1.6rem}.section-hero-banner .hero-banner-wrapper .image-wrapper .image-mobile+.image-desktop{display:none}.section-hero-banner .hero-banner-wrapper .media--adapt{position:relative;height:100%;padding-bottom:var(--ratio-percent-mobile)}.section-hero-banner .hero-banner-wrapper .media--placeholder.media--adapt{height:20rem}.section-hero-banner .page-full-width-mobile{padding:0!important}}.section-hero-banner .hero-banner-wrapper .image-wrapper .image .image__img{max-width:100%;width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/588/assets/section-hero-banner.css.map */
