.hero{background:transparent;overflow:hidden}.carousel-wrapper.hero{position:relative;--swiper-pagination-bullet-size: 12px;--swiper-pagination-bullet-border-radius: 6px;--swiper-pagination-bullet-inactive-color: #FFFFFF}.hero__slide{position:relative;z-index:0;padding-top:clamp(60px,9vw,130px);padding-bottom:clamp(160px,14.6vw,340px);height:100%;--page-width: 1200px}.hero .swiper-slide{display:flex;flex-direction:column;height:auto}.hero__slide:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}.carousel--hero.swiper-container:not(.swiper-initialized) .swiper-slide{display:none}.carousel--hero.swiper-container:not(.swiper-initialized) .swiper-slide:first-child{display:flex}.hero-banner__inner{display:flex;flex-direction:row}.hero-banner__image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;display:block}.hero-banner__image:empty{display:block}.hero-banner__content{position:relative;z-index:2;font-size:clamp(18px,1.72vw,22px);max-width:25em}.hero-banner__content--boxed{background-color:rgb(var(--color-background));padding:clamp(28px,3.75vw,54px)}.hero-banner__heading{font-size:clamp(28px,3.75vw,54px);margin-block-start:0;margin-block-end:0;margin:0 0 .25em}.hero-banner__text{margin-bottom:1.5em;line-height:1.4;max-width:68vw;color:rgb(var(--color-foreground));text-wrap:pretty}.color-scheme-1 .hero-banner__text{color:#3f3f3f}.hero .carousel-wrapper__navigation{margin-top:20px;padding:0 30px;position:absolute;bottom:20px;width:100%;z-index:1}@media screen and (max-width: 749px){.banner--mobile-bottom .banner__text.banner__box{max-width:100%}.banner--mobile-bottom .banner__text-wrapper{flex-grow:1}.banner--mobile-bottom .banner__text.banner__box{height:100%}.banner--mobile-bottom .banner__text .button{flex-grow:0}.banner__text.banner__text-mobile--left{align-items:flex-start;text-align:left}.banner__text.banner__text-mobile--right{align-items:flex-end;text-align:right}}@media screen and (min-width: 750px){.banner__text.banner__text--left{align-items:flex-start;text-align:left}.banner__text.banner__text--right{align-items:flex-end;text-align:right}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-hero-banner.css.map */