.hero-banner{position:relative;overflow:hidden;width:100%;height:var(--hero-h-mobile);display:flex;flex-direction:column}@media screen and (min-width:768px){.hero-banner{height:var(--hero-h-tablet)}}@media screen and (min-width:1024px){.hero-banner{height:var(--hero-h-desktop)}}.hero-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__img,.hero-banner__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hero-overlay-color, #000);opacity:var(--hero-overlay, .3);pointer-events:none}.hero-banner__carousel{position:relative;width:100%;height:100%}.hero-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1);will-change:opacity}.hero-banner__slide.is-active{opacity:1}.hero-banner__content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;gap:1.25rem;padding:2rem 1.5rem;box-sizing:border-box}.hero-banner--top .hero-banner__content{justify-content:flex-start}.hero-banner--center .hero-banner__content{justify-content:center}.hero-banner--bottom .hero-banner__content{justify-content:flex-end}.hero-banner__content{align-items:center;text-align:center}.hero-banner__heading{margin:0;line-height:1.1;letter-spacing:-.02em;font-weight:700}.hero-banner__subheading{margin:0;font-size:clamp(.875rem,1.5vw,1.125rem);letter-spacing:.1em;text-transform:uppercase;opacity:.85}.hero-banner__richtext p{margin:0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6;max-width:60ch}.hero-banner__block-img{display:block;max-width:100%;height:auto}.hero-banner__button-wrap{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;font-size:clamp(.875rem,1.2vw,1rem);font-weight:500;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;min-height:44px;white-space:nowrap;transition:background .18s ease,color .18s ease,border-color .18s ease}.hero-banner__btn--primary{background:#fff;color:#1a1a1a;border:1px solid #fff}.hero-banner__btn--primary:hover{background:transparent;color:#fff}.hero-banner__btn--secondary{background:transparent;color:#fff;border:1px solid #fff}.hero-banner__btn--secondary:hover{background:#fff;color:#1a1a1a}.hero-banner__btn--ghost{background:transparent;color:#fffc;border:none;text-decoration:underline;text-underline-offset:3px}.hero-banner__btn--ghost:hover{color:#fff}@media screen and (min-width:768px){.hero-banner__content{padding:3rem 4rem;gap:1.5rem}}@media screen and (min-width:1024px){.hero-banner__content{padding:4rem 5rem;gap:1.75rem}}@media(prefers-reduced-motion:reduce){.hero-banner__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/hero-banner.css.map */