.hero-carousel{position:relative;overflow:hidden;min-height:var(--carousel-height, 70vh);display:flex;align-items:center}.hero-carousel__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-carousel__track{display:flex;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94);will-change:transform}.hero-carousel__slide{flex:0 0 100%;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.hero-carousel__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-carousel__image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-carousel__content-wrapper{position:relative;z-index:1;width:100%;padding:4rem 2rem}.hero-carousel__content{max-width:600px}.hero-carousel__content--center{margin-left:auto;margin-right:auto;text-align:center}.hero-carousel__content--right{margin-left:auto;text-align:right}.hero-carousel__subheading{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;display:inline-block}.hero-carousel__heading{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.02em}.hero-carousel__description{font-size:1.125rem;line-height:1.6;opacity:.9;margin-bottom:2rem;max-width:500px}.hero-carousel__content--center .hero-carousel__description{margin-left:auto;margin-right:auto}.hero-carousel__content--right .hero-carousel__description{margin-left:auto}.hero-carousel__button{display:inline-flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;padding:1rem 2rem;border-radius:var(--radius-xl, 20px);transition:all var(--duration-base) ease}.hero-carousel__button:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium, 0 8px 24px rgba(21, 58, 66, .15))}.hero-carousel__button--prev,.hero-carousel__button--next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:48px;height:48px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #153a4226;transition:all var(--duration-short) ease}.hero-carousel__button--prev:hover,.hero-carousel__button--next:hover{background:rgb(var(--color-background));transform:translateY(-50%) scale(1.05);box-shadow:0 8px 24px #153a4233}.hero-carousel__button--prev{left:2rem}.hero-carousel__button--next{right:2rem}.hero-carousel__button svg{width:24px;height:24px;color:rgb(var(--color-foreground))}.hero-carousel__pagination{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:10}.hero-carousel__dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;padding:0;transition:all var(--duration-short) ease}.hero-carousel__dot:hover{background:#fffc;transform:scale(1.2)}.hero-carousel__dot--active{background:rgb(var(--color-button));transform:scale(1.3)}@media screen and (max-width:989px){.hero-carousel__button--prev{left:1rem}.hero-carousel__button--next{right:1rem}.hero-carousel__button--prev,.hero-carousel__button--next{width:40px;height:40px}.hero-carousel__content-wrapper{padding:2rem 1.5rem}}@media screen and (max-width:749px){.hero-carousel{min-height:var(--carousel-height-mobile, 60vh)}.hero-carousel__heading{font-size:clamp(1.75rem,6vw,2.5rem)}.hero-carousel__description{font-size:1rem}.hero-carousel__button{padding:.875rem 1.5rem;font-size:.9375rem}.hero-carousel__button--prev,.hero-carousel__button--next{width:36px;height:36px}.hero-carousel__pagination{bottom:1.5rem;gap:.5rem}.hero-carousel__dot{width:8px;height:8px}}@media(prefers-reduced-motion:reduce){.hero-carousel__track{transition:none}.hero-carousel__button--prev:hover,.hero-carousel__button--next:hover,.hero-carousel__dot:hover,.hero-carousel__button:hover{transform:none}}.hero-carousel__slide[aria-current=true] .hero-carousel__subheading,.hero-carousel__slide[aria-current=true] .hero-carousel__heading,.hero-carousel__slide[aria-current=true] .hero-carousel__description,.hero-carousel__slide[aria-current=true] .hero-carousel__button{animation:heroContentFadeIn .6s ease-out forwards}.hero-carousel__slide[aria-current=true] .hero-carousel__subheading{animation-delay:.1s}.hero-carousel__slide[aria-current=true] .hero-carousel__heading{animation-delay:.2s}.hero-carousel__slide[aria-current=true] .hero-carousel__description{animation-delay:.3s}.hero-carousel__slide[aria-current=true] .hero-carousel__button{animation-delay:.4s}@keyframes heroContentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-carousel__slide:not([aria-current=true]) .hero-carousel__subheading,.hero-carousel__slide:not([aria-current=true]) .hero-carousel__heading,.hero-carousel__slide:not([aria-current=true]) .hero-carousel__description,.hero-carousel__slide:not([aria-current=true]) .hero-carousel__button{opacity:0;transform:translateY(20px)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-carousel.css.map */