.hero-banner{position:relative;width:100%;overflow:hidden}.hero-banner__inner{position:relative;max-width:var(--container-max);margin:0 auto}.hero-banner--overlay .hero-banner__media{display:block;width:100%;min-height:300px}.hero-banner--overlay .hero-banner__image{width:100%;height:100%;object-fit:cover}.hero-banner--overlay .hero-banner__placeholder{min-height:var(--hero-height, 500px)}.hero-banner--overlay .hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);gap:var(--space-3);max-width:600px}.hero-banner__content--center{align-items:center;text-align:center;max-width:100%!important;margin:0 auto}.hero-banner__content--right{margin-left:auto;align-items:flex-end;text-align:right}.hero-banner__content--left{align-items:flex-start;text-align:left}.hero-banner--split .hero-banner__inner{display:grid;grid-template-columns:1fr 1fr;min-height:var(--hero-height, 500px)}.hero-banner__split-content{display:flex;align-items:center;padding:var(--space-12) var(--space-8)}.hero-banner__split-content .hero-banner__content{display:flex;flex-direction:column;gap:var(--space-3);max-width:520px}.hero-banner__split-media{position:relative;overflow:hidden}.hero-banner__split-media .hero-banner__image{width:100%;height:100%;object-fit:cover}.hero-banner__placeholder-right{width:100%;height:100%;min-height:var(--hero-height, 500px)}.hero-banner--text-light{color:#fff}.hero-banner--text-light .hero-banner__button{background:#fff;color:#000;border-color:#fff}.hero-banner--text-dark{color:#000}.hero-banner__subheading{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.52px}.hero-banner__heading{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:var(--weight-bold);font-style:normal;line-height:1.15}.hero-banner__text{font-size:var(--text-base);max-width:500px}.hero-banner__button{margin-top:var(--space-2)}@media(max-width:749px){.hero-banner--split .hero-banner__inner{grid-template-columns:1fr}.hero-banner__split-content{padding:var(--space-8) var(--space-4);min-height:280px}.hero-banner__split-media{min-height:250px}.hero-banner__heading{font-size:var(--text-2xl)}.hero-banner--overlay .hero-banner__content{padding:var(--space-4)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-banner.css.map */