.hero-banner{position:relative;height:95vh;overflow:hidden;display:flex;align-items:center;justify-content:center}@media screen and (max-width:989px){.hero-banner{display:block;height:auto}}.hero-banner__container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width:989px){.hero-banner__container{display:block;height:auto}}.hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width:989px){.hero-banner__media{position:relative;height:60vh}}@media screen and (max-width:749px){.hero-banner__media{height:60vh}}.hero-banner__image,.hero-banner__video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.hero-banner__placeholder .placeholder-svg{width:100%;height:100%;opacity:.3}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}@media screen and (max-width:989px){.hero-banner__overlay{display:none}}.hero-banner__content{position:absolute;bottom:0;left:0;right:0;background:rgba(var(--color-background));padding:4rem 0;display:flex;align-items:center;z-index:2}@media screen and (max-width:989px){.hero-banner__content{position:relative;bottom:auto}}.hero-banner--text_below .hero-banner__content{position:absolute;bottom:0;background:rgba(var(--color-background))}.hero-banner--text_overlay .hero-banner__content{position:absolute;top:50%;left:0;right:0;bottom:auto;transform:translateY(-50%);background:transparent;padding:2rem 0}.hero-banner--text_overlay .hero-banner__heading,.hero-banner--text_overlay .hero-banner__text{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.hero-banner__text-content{display:flex;flex-direction:column;width:100%;align-items:start;gap:1rem}.hero-banner__left-content{flex:1;display:flex;flex-direction:column;gap:1rem}.hero-banner__right-content{display:flex;align-items:center}.hero-banner__heading{color:var(--color-foreground);margin:0;line-height:1.2;text-transform:uppercase;font-weight:800}.hero-banner__text{color:var(--color-foreground);font-size:1rem;line-height:1.5;margin:0}@media screen and (max-width:989px){.hero-banner--mobile-text_below .hero-banner__content{position:relative;bottom:auto;background:rgba(var(--color-background));padding:4rem 0}.hero-banner--mobile-text_below .hero-banner__heading,.hero-banner--mobile-text_below .hero-banner__text{color:var(--color-foreground);text-shadow:none}.hero-banner--mobile-text_overlay .hero-banner__content{position:absolute;top:50%;left:0;right:0;bottom:auto;transform:translateY(-50%);background:transparent;padding:2rem 0}.hero-banner--mobile-text_overlay .hero-banner__heading,.hero-banner--mobile-text_overlay .hero-banner__text{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}}@media screen and (max-width:989px){.hero-banner__text-content{flex-direction:column;align-items:center;gap:3rem}.hero-banner__left-content{width:90%}.hero-banner__right-content{width:100%;justify-content:center}.hero-banner__heading{font-size:3rem}.hero-banner__text{font-size:1rem}.hero-banner--text_overlay .hero-banner__content{padding:1.5rem 0}.hero-banner--text_overlay .hero-banner__text-content{gap:2rem}}@media screen and (max-width:749px){.hero-banner__content{padding:3rem 0}.hero-banner__text-content{padding:0 3rem;gap:1rem;justify-content:center;align-items:center;text-align:center}.hero-banner__right-content{justify-content:center}.hero-banner__heading{font-size:2rem}.hero-banner__text.rte p{font-size:14px}.hero-banner--text_overlay .hero-banner__content{padding:2rem 0}.hero-banner--text_overlay .hero-banner__text-content{padding:0 2rem;gap:1.5rem}.hero-banner--text_overlay .hero-banner__heading{font-size:1.8rem}.hero-banner--text_overlay .hero-banner__text.rte p{font-size:14px}.hero-banner--mobile-text_below .hero-banner__content{position:relative;bottom:auto;padding:3rem 0}.hero-banner--mobile-text_overlay .hero-banner__content{padding:2rem 0}.hero-banner--mobile-text_overlay .hero-banner__text-content{padding:0 2rem;gap:1.5rem}.hero-banner--mobile-text_overlay .hero-banner__heading{font-size:1.8rem}.hero-banner--mobile-text_overlay .hero-banner__text.rte p{font-size:14px}}@media(prefers-color-scheme:dark){.hero-banner__badge{background:rgba(var(--color-foreground));color:rgba(var(--color-background))}}.hero-banner__text.rte p{font-size:16px}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-hero-banner.css.map */