.hero-banner{position:relative;display:flex;width:100%;overflow:hidden}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.hero-banner__img--placeholder{background-color:#f3f3f3}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000}.hero-banner__logo{position:absolute;top:3.2rem;left:50%;transform:translate(-50%);z-index:2;width:100%}.hero-banner__logo-img{display:block;width:100%;height:auto;margin:0 auto}.hero-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.2rem;width:100%;padding:4rem 2.4rem}.hero-banner__content--bottom-left,.hero-banner__content--bottom-center{margin-top:auto;align-self:stretch}.hero-banner__content--middle-left,.hero-banner__content--middle-center{margin:auto 0;align-self:stretch}.hero-banner__content--bottom-center,.hero-banner__content--middle-center{align-items:center;text-align:center}.hero-banner__content--bottom-left,.hero-banner__content--middle-left{align-items:flex-start;text-align:left}.hero-banner--light .hero-banner__heading,.hero-banner--light .hero-banner__subheading{color:#fff}.hero-banner--dark .hero-banner__heading,.hero-banner--dark .hero-banner__subheading{color:#121212}.hero-banner__heading{font-size:3.2rem;line-height:1.1;letter-spacing:.06rem;margin:0;max-width:60rem}.hero-banner__subheading{font-size:1.6rem;letter-spacing:.08rem;margin:0;max-width:50rem;opacity:.9}.hero-banner__button{margin-top:.8rem;background-color:transparent!important;color:#fff!important;box-shadow:none!important}.hero-banner__button:before{box-shadow:none!important}.hero-banner__button:after{background-color:transparent!important;box-shadow:0 0 0 .1rem #fff!important}.hero-banner__button:hover{background-color:#ffffff1a!important;color:#fff!important}.hero-banner__button:not([disabled]):hover:after{background-color:transparent!important;box-shadow:0 0 0 .15rem #fff!important}.hero-banner__button:focus-visible,.hero-banner__button:focus{box-shadow:none!important}@media screen and (max-width:749px){.hero-banner__logo{top:1.4rem!important;max-width:100px!important}.hero-banner__content{gap:.6rem;padding:1.6rem 1.6rem 2.8rem}.hero-banner__heading{font-size:1.9rem!important;line-height:1.2!important;max-width:100%}.hero-banner__subheading{font-size:1.1rem!important;max-width:100%}.hero-banner__button{margin-top:.4rem;min-height:3.8rem!important;padding:0 2rem!important;font-size:1.3rem!important}}@media screen and (min-width:750px){.hero-banner__logo{top:4rem}.hero-banner__content{padding:6rem}.hero-banner__heading{font-size:4.8rem}.hero-banner__subheading{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-hero-banner.css.map */