.hero-banner{position:relative;width:100%;overflow:hidden}.hero-banner--small{--hero-height: 50vh}.hero-banner--medium{--hero-height: 70vh}.hero-banner--large{--hero-height: 85vh}.hero-banner--full{--hero-height: 100vh}.hero-banner--custom{--hero-height: var(--hero-custom-height, 70vh)}.hero-banner--adapt{--hero-height: auto}.hero-banner__media{position:relative;width:100%;height:var(--hero-height);min-height:300px}.hero-banner--adapt .hero-banner__media{height:auto;min-height:auto}.hero-banner__image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner--adapt .hero-banner__image{height:auto;object-fit:contain}.hero-banner__placeholder{width:100%;height:100%;background-color:rgba(var(--color-foreground),.05);display:flex;align-items:center;justify-content:center}.hero-banner__placeholder .placeholder-svg{width:100%;height:100%;max-width:none}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--hero-overlay-color, 0, 0, 0),var(--hero-overlay-opacity, .3));pointer-events:none}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:4rem 2rem;z-index:2}.hero-banner__content-inner{display:flex;flex-direction:column;gap:1.6rem;max-width:var(--hero-content-max-width, 800px);color:var(--hero-text-color, #fff)}.hero-banner--content-top-left .hero-banner__content{align-items:flex-start;justify-content:flex-start}.hero-banner--content-top-center .hero-banner__content{align-items:flex-start;justify-content:center}.hero-banner--content-top-right .hero-banner__content{align-items:flex-start;justify-content:flex-end}.hero-banner--content-center-left .hero-banner__content{align-items:center;justify-content:flex-start}.hero-banner--content-center-center .hero-banner__content{align-items:center;justify-content:center}.hero-banner--content-center-right .hero-banner__content{align-items:center;justify-content:flex-end}.hero-banner--content-bottom-left .hero-banner__content{align-items:flex-end;justify-content:flex-start}.hero-banner--content-bottom-center .hero-banner__content{align-items:flex-end;justify-content:center}.hero-banner--content-bottom-right .hero-banner__content{align-items:flex-end;justify-content:flex-end}.hero-banner--text-left .hero-banner__content-inner{text-align:left;align-items:flex-start}.hero-banner--text-center .hero-banner__content-inner{text-align:center;align-items:center}.hero-banner--text-right .hero-banner__content-inner{text-align:right;align-items:flex-end}.hero-banner__subtitle{font-size:var(--hero-subtitle-size, 14px);margin:0;letter-spacing:.1em;opacity:.9}.hero-banner__heading{font-size:var(--hero-heading-size, 56px);line-height:1.1;margin:0;font-weight:var(--font-heading-weight, 700)}.hero-banner__description{font-size:var(--hero-description-size, 18px);line-height:1.6;opacity:.9;margin:0}.hero-banner__description p{margin:0}.hero-banner__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.8rem}.hero-banner--text-center .hero-banner__buttons{justify-content:center}.hero-banner--text-right .hero-banner__buttons{justify-content:flex-end}.hero-banner__buttons .btn--large{padding:1.6rem 3.2rem;font-size:1.6rem}@media (max-width: 767px){.hero-banner--custom{--hero-height: var(--hero-custom-height-mobile, 60vh)}.hero-banner__content{padding:2.4rem 1.6rem}.hero-banner__content-inner{gap:1.2rem}.hero-banner__buttons{gap:1rem}.hero-banner__buttons .btn{width:100%;justify-content:center}.hero-banner--mobile-below{display:flex;flex-direction:column}.hero-banner--mobile-below .hero-banner__media{position:relative;height:auto;min-height:250px;aspect-ratio:16 / 10}.hero-banner--mobile-below .hero-banner__content{position:relative;inset:auto;padding:2.4rem 1.6rem;background-color:rgb(var(--color-background))}.hero-banner--mobile-below .hero-banner__content-inner{color:rgb(var(--color-foreground));max-width:100%}.hero-banner--mobile-below .hero-banner__overlay{display:none}.hero-banner--mobile-below .hero-banner__content{align-items:stretch!important;justify-content:flex-start!important}.hero-banner--mobile-below.hero-banner--text-center .hero-banner__content-inner{align-items:center;text-align:center}.hero-banner--mobile-below.hero-banner--text-left .hero-banner__content-inner{align-items:flex-start;text-align:left}.hero-banner--mobile-below.hero-banner--text-right .hero-banner__content-inner{align-items:flex-end;text-align:right}}@media (min-width: 1024px){.hero-banner__content{padding:6rem 4rem}.hero-banner__buttons .btn{min-width:180px}}@media (prefers-reduced-motion: no-preference){.hero-banner__subtitle,.hero-banner__heading,.hero-banner__description,.hero-banner__buttons{animation:heroFadeInUp .8s ease-out forwards;opacity:0}.hero-banner__subtitle{animation-delay:.1s}.hero-banner__heading{animation-delay:.2s}.hero-banner__description{animation-delay:.3s}.hero-banner__buttons{animation-delay:.4s}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}.hero-banner .tracking-wide{letter-spacing:.15em}.hero-banner .text-uppercase{text-transform:uppercase}.hero-banner .italic{font-style:italic}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-hero-banner.css.map */