.hero-banner .hero-banner__wrapper{position:relative;width:100%;display:block}.hero-banner--with-link .hero-banner__wrapper{cursor:pointer}.hero-banner .hero-banner__media{position:relative;width:100%;aspect-ratio:var(--image-aspect-ratio-mobile, 1.7778);overflow:hidden}.hero-banner .hero-banner__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--background-color, linear-gradient(180deg, transparent, rgba(0, 0, 0, .3)));pointer-events:none}.hero-banner .hero-banner__image{position:relative;z-index:0;display:block;font-size:0;line-height:0;width:100%;height:auto}.hero-banner .hero-banner__image img{display:block;width:100%;height:auto}.hero-banner .hero-banner__container{position:relative;width:100%}.hero-banner .hero-banner__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;text-decoration:none}.hero-banner .hero-banner__content-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:var(--content-position-vertical-mobile, center);align-items:var(--content-align-horizontal-mobile, center);padding:29px 20px;text-align:var(--content-text-align-mobile, center);gap:12px}.hero-banner .hero-banner__main-content{width:100%;max-width:305px}.hero-banner .hero-banner__main-content-subtitle,.hero-banner .hero-banner__main-content-text,.hero-banner .hero-banner__main-content-title{color:var(--content-color, #fff)}.hero-banner .hero-banner__main-content-subtitle{margin:0 0 4px;font-size:12px;font-weight:500;line-height:120%;letter-spacing:2px}.hero-banner .hero-banner__main-content-title{margin:0 0 10px;text-transform:uppercase}.hero-banner .hero-banner__main-content-text{margin:0;font-family:var(--font-aktiv-grotesk);font-size:14px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:.07px}.hero-banner .hero-banner__buttons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}.hero-banner .button{max-width:210px;text-decoration:none;background-color:#fff}@media screen and (min-width: 750px){.hero-banner .hero-banner__media{aspect-ratio:var(--image-aspect-ratio-desktop, var(--image-aspect-ratio-mobile, 1.7778))}.hero-banner .hero-banner__content-wrapper{padding:40px;justify-content:var(--content-position-vertical, center);align-items:var(--content-align-horizontal, center);text-align:var(--content-text-align, center);gap:16px}.hero-banner .hero-banner__main-content{max-width:var(--content-width, 100%)}.hero-banner .hero-banner__main-content-title{margin-bottom:15px}.hero-banner .hero-banner__buttons{margin-top:36px}}@media (min-width: 1200px){.hero-banner .hero-banner__content-wrapper{padding:60px 100px}.hero-banner .hero-banner__main-content-subtitle{font-size:14px;letter-spacing:2.8px}.hero-banner .hero-banner__buttons{margin-top:30px}}@media (min-width: 2048px){.hero-banner .hero-banner__content-wrapper{padding:80px 200px}.hero-banner .hero-banner__main-content-text{max-width:var(--content-width, 100%)}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-hero-banner.css.map */