.hero-banner{position:relative;display:flex;align-items:center;overflow:hidden;min-height:42rem}.hero-banner__image-area,.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__media img,.hero-banner__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(var(--color-overlay),var(--hero-overlay-opacity)),rgba(var(--color-overlay),calc(var(--hero-overlay-opacity) * .35)) 55%,rgba(var(--color-overlay),0));pointer-events:none}.hero-banner__mobile-overlay,.hero-banner__heading-on-image{display:none}.hero-banner__content{position:relative;z-index:1;width:100%;padding:4rem 2rem}.hero-banner__box{max-width:52rem}.hero-banner__heading{margin:0 0 1.6rem;line-height:1.15;color:#fff}.hero-banner__text{font-family:var(--font-subtitle-family);font-style:var(--font-subtitle-style);font-weight:var(--font-subtitle-weight);letter-spacing:var(--font-subtitle-letter-spacing);font-size:calc(var(--font-subtitle-scale) * 1.5rem);line-height:1.5;color:#fff}.hero-banner__text p{margin:0;color:#fff}.hero-banner__text a{color:#fff}.hero-banner__buttons{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;margin-top:2.4rem}.hero-banner__buttons .button{min-width:22rem;justify-content:center}@media screen and (min-width:750px){.hero-banner{min-height:52rem}.hero-banner__content{padding:6.4rem 2rem}.hero-banner__heading{margin-bottom:2rem}.hero-banner__buttons{margin-top:3.2rem}}@media screen and (min-width:1200px){.hero-banner{min-height:58rem}.hero-banner__content{padding:8rem 2rem}}@media screen and (max-width:749px){.hero-banner{display:flex;flex-direction:column;align-items:stretch;min-height:auto;overflow:visible}.hero-banner__image-area{position:relative;inset:auto;width:100%;aspect-ratio:4 / 3;flex-shrink:0}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__overlay{display:none}.hero-banner__mobile-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;pointer-events:none}.hero-banner__heading-on-image{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:2rem;pointer-events:none;text-align:center}.hero-banner__heading--on-image{margin:0;width:100%;max-width:32rem;font-size:calc(var(--font-heading-h2-scale) * 2rem);line-height:1.15;text-align:center;color:#fff}.hero-banner__heading--in-content{display:none}.hero-banner__content{position:relative;z-index:1;width:100%;padding:2rem 2rem 3.2rem}.hero-banner__box{max-width:none;padding:2.4rem;border-radius:.8rem;background-color:rgb(var(--color-background));box-shadow:0 .4rem 2.4rem #00000014}.hero-banner__text{font-size:1.5rem;color:rgba(var(--color-foreground),.85)}.hero-banner__text p{color:rgba(var(--color-foreground),.85)}.hero-banner__text a{color:rgb(var(--color-foreground-title))}.hero-banner__buttons{width:100%;margin-top:2rem}.hero-banner__buttons .button{width:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-hero-banner.css.map */