.hero-banner{padding-top:var(--hero-banner-padding-top-mobile);padding-bottom:var(--hero-banner-padding-bottom-mobile);overflow:hidden}.hero-banner .page-width{padding-bottom:28px}.hero-banner__row{display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.hero-banner__heading-wrap{width:100%}.hero-banner__heading *{margin:0;font-family:var(--font-heading);font-weight:400;font-style:normal;font-size:3.6rem;line-height:1.35;text-transform:uppercase;color:var(--body-color)}.hero-banner__actions{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;width:100%}.hero-banner__text *{margin:0}.hero-banner__cta{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.hero-banner__button.btn.btn--primary.btn-main{display:inline-flex;margin:0}.hero-banner__social-proof{display:flex;align-items:center;gap:.8rem}.hero-banner__avatars{display:flex;align-items:center;width:56px;padding:4px;border-radius:9999px;background:#e1dbd2}.hero-banner__avatars .hero-banner__avatars-image{width:100%}.hero-banner__social-proof-text{margin:0;white-space:nowrap}.hero-banner__media{width:100%}.hero-banner__image{width:100%;height:30rem}.hero-banner__image.desktop-image{display:none}.hero-banner__image .hero-banner__image-inner{height:100%}.hero-banner__image .hero-banner__image-inner .image__img{position:absolute}@media screen and (min-width:45em){.hero-banner{padding-top:var(--hero-banner-padding-top-desktop);padding-bottom:var(--hero-banner-padding-bottom-desktop)}.hero-banner .page-width{padding-bottom:6rem}.hero-banner__row{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:4rem}.hero-banner__heading-wrap{width:auto;max-width:78rem}.hero-banner__heading *{font-size:4.8rem}.hero-banner__actions{width:360px;align-items:flex-start;gap:2rem;padding-top:.8rem}.hero-banner__text *{font-size:1.8rem}.hero-banner__social-proof-text{font-size:1.6rem}.hero-banner__image.desktop-image{display:block;height:auto}.hero-banner__image.desktop-image .hero-banner__image-inner{height:auto}.hero-banner__image.mobile-image{display:none}.hero-banner__button.btn.btn--primary.btn-main{padding:14px 60px}}
/*# sourceMappingURL=/cdn/shop/t/494/assets/hero-banner.css.map */
