.hero-banner{position:relative;width:100%;height:var(--hero-height, 85vh);min-height:500px;overflow:hidden;margin-top:-1px}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:var(--image-position, center center)}.hero-banner__image--mobile{display:none}.hero-banner__placeholder{width:100%;height:100%;background-color:#1e1e1e;display:flex;align-items:center;justify-content:center}.hero-banner__placeholder svg{width:50%;max-width:600px;opacity:.3}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,var(--overlay-opacity, .4)) 0%,transparent 60%);display:flex;padding:60px;align-items:var(--_align-items);justify-content:var(--_justify-content)}.hero-banner{--_align-items: center;--_justify-content: flex-start}.hero-banner[style*="--content-v: top"]{--_align-items: flex-start}.hero-banner[style*="--content-v: center"]{--_align-items: center}.hero-banner[style*="--content-v: bottom"]{--_align-items: flex-end}.hero-banner[style*="--content-h: left"]{--_justify-content: flex-start}.hero-banner[style*="--content-h: center"]{--_justify-content: center}.hero-banner[style*="--content-h: right"]{--_justify-content: flex-end}.hero-banner__content{max-width:500px;color:#fff;text-align:var(--text-align, left)}.hero-banner__heading{font-family:Montserrat,Montserrat Fallback,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:700;text-transform:uppercase;letter-spacing:.06em;line-height:1.1;margin:0 0 20px;color:#fff}.hero-banner__subtext{font-family:DM Sans,DM Sans Fallback,sans-serif;font-size:16px;font-weight:400;margin:0 0 32px;opacity:.9;line-height:1.5;color:#fff}.hero-banner__button{display:inline-block;background-color:#fff;color:#1e1e1e;padding:16px 40px;font-family:Montserrat,Montserrat Fallback,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;transition:background-color .3s ease,color .3s ease;border:none}.hero-banner__button--full{display:block;width:100%;text-align:center}.hero-banner__button:hover{background-color:#1e1e1e;color:#fff}@media(max-width:768px){.hero-banner{height:var(--hero-height-mobile, 70vh);min-height:400px}.hero-banner__image--mobile{display:block;object-position:var(--mobile-image-position, center center)}.hero-banner__image--mobile~.hero-banner__image--desktop{display:none}.hero-banner__image--desktop{object-position:var(--mobile-image-position, center center)}.hero-banner__overlay{padding:24px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%)}.hero-banner[style*="--mobile-content-v: top"]{--_align-items: flex-start}.hero-banner[style*="--mobile-content-v: center"]{--_align-items: center}.hero-banner[style*="--mobile-content-v: bottom"]{--_align-items: flex-end}.hero-banner[style*="--mobile-content-h: left"]{--_justify-content: flex-start}.hero-banner[style*="--mobile-content-h: center"]{--_justify-content: center}.hero-banner[style*="--mobile-content-h: right"]{--_justify-content: flex-end}.hero-banner__content{text-align:var(--mobile-text-align, center)}.hero-banner__heading{font-size:28px}.hero-banner__subtext{font-size:14px}.hero-banner__button{padding:14px 32px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-banner.css.map */