.hero-banner__wrapper{display:flex;flex-direction:column;gap:2.4rem;align-items:center}@media(min-width:768px){.hero-banner__wrapper{flex-direction:row;gap:4rem}}.hero-banner__content{flex:1;display:flex;flex-direction:column;gap:1.6rem}.hero-banner__media{flex:1;position:relative;width:100%}.hero-banner__badge{display:inline-flex;align-items:center;padding:.5rem 1.4rem;border-radius:10rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;width:fit-content;line-height:1.4}.hero-banner__heading{margin:0}.hero-banner__text{max-width:50rem}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center}.hero-banner__buttons .btn--accent{background-color:var(--hero-banner-accent-color, rgba(var(--color-primary), 1));color:#fff;border-color:var(--hero-banner-accent-color, rgba(var(--color-primary), 1))}.hero-banner__buttons .btn--accent:hover{opacity:.85}.hero-banner__stats{display:flex;flex-wrap:wrap;gap:2.4rem;margin-top:.8rem}.hero-banner__stat-number{font-size:2rem;font-weight:800;font-family:var(--font-heading-family);line-height:1.2;color:rgba(var(--color-foreground),1)}.hero-banner__stat-label{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--color-foreground),.6);margin-top:.2rem}.hero-banner__image-wrapper{border-radius:var(--blocks-radius, 1.2rem);overflow:hidden}.hero-banner__image-wrapper img{display:block;width:100%;height:auto}.hero-banner__social-proof{position:absolute;bottom:2rem;right:-1rem;background:#fff;border-radius:1.2rem;padding:1.2rem 1.6rem;box-shadow:0 4px 24px #0000001a;display:flex;flex-direction:column;gap:.6rem;z-index:2;max-width:22rem}.hero-banner__avatars{display:flex;align-items:center}.hero-banner__avatar{width:3.2rem;height:3.2rem;border-radius:50%;border:2px solid #fff;overflow:hidden;margin-left:-.8rem;flex-shrink:0}.hero-banner__avatar:first-child{margin-left:0}.hero-banner__avatar img{display:block;width:100%;height:100%;object-fit:cover}.hero-banner__social-proof-text{font-size:1.3rem;font-weight:700;line-height:1.3;color:#000}@media(max-width:767.98px){.hero-banner__social-proof{position:relative;bottom:auto;right:auto;margin-top:-3rem;margin-left:auto;margin-right:1.6rem;width:fit-content}.hero-banner__stat-number{font-size:1.6rem}.hero-banner__stats{gap:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-hero-banner.css.map */