.hero-banner{position:relative;height:var(--hero-height, 520px);max-height:100vh;overflow:hidden}@media(max-width:749px){.hero-banner{height:var(--hero-height-mobile, 420px);max-height:100svh}}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--hero-overlay, .4))}.hero-banner__container{position:relative;z-index:1;height:100%;display:flex}.hero-banner--top-left .hero-banner__container{align-items:flex-start;justify-content:flex-start}.hero-banner--top-center .hero-banner__container{align-items:flex-start;justify-content:center}.hero-banner--top-right .hero-banner__container{align-items:flex-start;justify-content:flex-end}.hero-banner--center-left .hero-banner__container{align-items:center;justify-content:flex-start}.hero-banner--center .hero-banner__container{align-items:center;justify-content:center}.hero-banner--center-right .hero-banner__container{align-items:center;justify-content:flex-end}.hero-banner--bottom-left .hero-banner__container{align-items:flex-end;justify-content:flex-start}.hero-banner--bottom-center .hero-banner__container{align-items:flex-end;justify-content:center}.hero-banner--bottom-right .hero-banner__container{align-items:flex-end;justify-content:flex-end}.hero-banner__content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:48px 0;max-width:730px}.hero-banner--top-center .hero-banner__content,.hero-banner--center .hero-banner__content,.hero-banner--bottom-center .hero-banner__content{align-items:center;text-align:center}.hero-banner--top-right .hero-banner__content,.hero-banner--center-right .hero-banner__content,.hero-banner--bottom-right .hero-banner__content{align-items:flex-end;text-align:right}.hero-banner__tag{margin:0;color:#fffc;font-family:Mona Sans,sans-serif;font-size:16px;font-weight:500;line-height:1.5}.hero-banner__heading{margin:0;color:#fff;font-family:Mona Sans,sans-serif;font-size:clamp(32px,4vw,52px);font-weight:600;line-height:110%;letter-spacing:-.5px}.hero-banner__content [class*=color-]{background:transparent}@media(max-width:749px){.hero-banner__content{padding:32px 0;gap:12px}.hero-banner__heading{font-size:28px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-banner.css.map */