.banner{display:flex;position:relative;flex-direction:column}.banner__box{padding:4rem 3.5rem;position:relative;height:fit-content;align-items:center;text-align:center;width:100%;word-wrap:break-word;z-index:0}@media only screen and (max-width:749px){.banner--content-align-mobile-right .banner__box{text-align:right}.banner--content-align-mobile-left .banner__box{text-align:left}}@media only screen and (min-width:750px){.banner--content-align-right .banner__box{text-align:right}.banner--content-align-left .banner__box{text-align:left}.banner--content-align-left.banner--desktop-transparent .banner__box,.banner--content-align-right.banner--desktop-transparent .banner__box,.banner--medium.banner--desktop-transparent .banner__box{max-width:68rem}}@media screen and (max-width:749px){.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media{height:28rem}.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media{height:34rem}.banner--large.banner--mobile-bottom:not(.banner--adapt) .banner__media{height:39rem}.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:28rem}.banner--medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:34rem}.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{min-height:39rem}.banner{flex-direction:row;flex-wrap:wrap}}@media screen and (min-width:750px){.banner{flex-direction:row}:where(.banner--small:not(.banner--adapt)){min-height:42rem}:where(.banner--medium:not(.banner--adapt)){min-height:56rem}:where(.banner--large:not(.banner--adapt)){min-height:72rem}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%}@media screen and (max-width:749px){.banner--mobile-bottom .banner__media{position:relative}.banner:not(.banner--mobile-bottom) .banner__box{background:transparent;border:none;border-radius:0;box-shadow:none}.banner:not(.banner--mobile-bottom) .banner__box{color:var(--color-text-inverted)}}.banner__content{padding:0;display:flex;position:relative;width:100%;align-items:center;justify-content:center;z-index:2}@media screen and (min-width:750px){.banner__content{padding:5rem}.banner__content--top-left{align-items:flex-start;justify-content:flex-start}.banner__content--top-center{align-items:flex-start;justify-content:center}.banner__content--top-right{align-items:flex-start;justify-content:flex-end}.banner__content--middle-left{align-items:center;justify-content:flex-start}.banner__content--middle-center{align-items:center;justify-content:center}.banner__content--middle-right{align-items:center;justify-content:flex-end}.banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}.banner__content--bottom-center{align-items:flex-end;justify-content:center}.banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:749px){.banner--mobile-bottom .banner__content{order:2}}@media screen and (min-width:750px){.banner--desktop-transparent .banner__box{background:transparent;color:var(--color-text-inverted);max-width:89rem;border:none;border-radius:0;box-shadow:none}.banner--desktop-transparent .content-container:after{display:none}}.banner:after,.banner__media:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}@media screen and (max-width:749px){.banner--mobile-bottom:after,.banner--mobile-bottom .banner__media:after{display:none}}.banner__box>*+.banner__text{margin-top:1.5rem}@media screen and (min-width:750px){.banner__box>*+.banner__text{margin-top:2rem}}.banner__box>*+*{margin-top:1rem}.banner__box>*:first-child{margin-top:0}@media screen and (min-width:750px){.banner__box{width:auto;max-width:71rem;min-width:45rem}}@media screen and (min-width:1400px){.banner__box{max-width:90rem}}.banner__heading{margin-bottom:0}.banner__box .banner__heading+*{margin-top:1rem}.banner__buttons{display:inline-flex;flex-wrap:wrap;gap:1rem;max-width:45rem;word-break:break-word;background-color:transparent}.banner__box>*+.banner__buttons{margin-top:2rem}.hero-banner:where(.banner--large){min-height:100vh}.hero-banner:where(:not(.banner--mobile-bottom).banner.banner--medium){max-height:920px;min-height:60vh;overflow:hidden}.hero-banner:where(:not(.banner--mobile-bottom).banner--small){min-height:60vh}.hero-banner .banner__media figure{object-fit:contain}@media screen and (min-width:750px){.hero-banner:where(:not(.banner--mobile-bottom).banner--large){min-height:72vh}.hero-banner:where(:not(.banner--mobile-bottom).banner.banner--medium){min-height:56vh}.hero-banner:where(:not(.banner--mobile-bottom).banner--small){min-height:42vh}}.hero-banner .banner__media img,.hero-banner .banner__media picture,.hero-banner .banner__media figure{width:100%;height:100%;display:block;margin:0;padding:0;pointer-events:none}.hero-banner .banner__media img{object-fit:cover;width:100%;height:100%}.hero-banner .banner__text{font-size:var(--font-size-body)}.hero-banner .banner__heading{margin-left:auto;margin-right:auto}@media screen and (min-width:750px){.hero-banner .banner__heading{max-width:50vw;margin-left:0}.hero-banner .banner__text{max-width:40vw}.hero-banner .banner__media{object-fit:cover}}.hero-banner .banner__buttons{background-color:transparent}.hero-banner .banner__box{padding:1.2rem}@media screen and (max-width:750px){.hero-banner:where(:not(.banner--mobile-bottom)) :where(.banner__content){align-items:flex-start;margin-top:12rem}}.hero-banner .banner__heading.h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2);font-weight:var(--font-weight-bold)}.hero-banner .banner__heading.h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);font-weight:var(--font-weight-bold)}.hero-banner .banner__heading.h-58{font-size:36px;font-weight:700}@media screen and (min-width:750px){.hero-banner .banner__heading.h-58{font-size:58px}}.hero-banner .text-main{color:var(--color-text-main)}.hero-banner .text-light{color:var(--color-text-light)}.hero-banner .text-dark{color:var(--color-text-dark)}.hero-banner .text-inverted{color:var(--color-text-inverted)}
/*# sourceMappingURL=/cdn/shop/t/936/assets/section-hero-banner.css.map */