.hero-banner{position:relative;width:100%;height:var(--hb-mobile-height, 48vh);min-height:320px;overflow:hidden;background-color:var(--hb-bg, #ffffff);display:flex;align-items:flex-end}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__img{width:100%;height:100%;object-fit:cover;object-position:center;display:none}.hero-banner__img--mobile{display:block}.hero-banner__img--desktop{display:none}.hero-banner__placeholder{width:100%;height:100%;background:#f2f2f2}.hero-banner__placeholder-svg{width:100%;height:100%}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--hb-overlay-opacity, .15);pointer-events:none}.hero-banner__content{position:relative;z-index:1;width:100%;padding:32px 20px 48px;color:var(--hb-text, #ffffff);display:flex;flex-direction:column;gap:12px}.hero-banner__content--bottom-center{align-items:center;text-align:center}.hero-banner__content--bottom-left{align-items:flex-start;text-align:left}.hero-banner__content--center{align-items:center;text-align:center;justify-content:center;min-height:100%}.hero-banner__heading{font-size:36px;line-height:1.1;font-weight:700;letter-spacing:-.01em;margin:0;max-width:20ch}.hero-banner__subheading{font-size:16px;line-height:1.4;margin:0;max-width:40ch;opacity:.92}.hero-banner__button{display:inline-block;margin-top:8px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;border-radius:4px;border:1px solid #ffffff;transition:opacity .15s ease}.hero-banner__button:hover{opacity:.85}.button--solid{background:#000;color:#fff;border-color:#000}.button--outline{background:transparent;color:inherit}@media screen and (min-width:750px){.hero-banner{height:var(--hb-desktop-height, 90vh);min-height:480px;max-height:900px}.hero-banner__img--mobile{display:none}.hero-banner__img--desktop{display:block}.hero-banner__heading{font-size:52px}.hero-banner__subheading{font-size:18px}.hero-banner__content{padding:48px 64px 72px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero-banner.css.map */