.hero-carousel{background-color:var(--color-off-white);position:relative;display:flex;overflow:hidden}.hero-carousel__slider{width:100%}.hero-carousel__slides{display:flex;flex-wrap:nowrap}.hero-carousel__slide{flex:1 0 100%}.swiper .hero-carousel__slide{flex:none}.hero-carousel__slide{position:relative;display:flex;overflow:hidden;aspect-ratio:2/3;background-position:center center;background-repeat:none;background-size:cover;padding:2.5rem .875rem 3.5rem;border-radius:.5rem}
@media(min-width:1024px){.hero-carousel__slide{aspect-ratio:2/1;padding:3.5rem;border-radius:1rem}}.hero-carousel__slide-placeholder{background-color:var(--color-grey);animation:opacityPulse 2s ease-in-out infinite}.hero-carousel__slide::before{content:"";position:absolute;inset:0;z-index:-1}
.hero-carousel__slide--light{color:var(--color-white)}.hero-carousel__slide--dark{color:var(--color-black)}.hero-carousel__slide--top,.hero-carousel__slide--center-center,.hero-carousel__slide--bottom{text-align:center;justify-content:center}.hero-carousel__slide--top{align-items:flex-start}.hero-carousel__slide--center-center{align-items:center}
.hero-carousel__slide--bottom{align-items:flex-end}@media(min-width:1024px){.hero-carousel__slide--top-left,.hero-carousel__slide--center-left,.hero-carousel__slide--bottom-left{text-align:left;justify-content:flex-start}}@media(min-width:1024px){.hero-carousel__slide--top-center,.hero-carousel__slide--center,.hero-carousel__slide--bottom-center{text-align:center;justify-content:center}
}@media(min-width:1024px){.hero-carousel__slide--top-right,.hero-carousel__slide--center-right,.hero-carousel__slide--bottom-right{text-align:right;justify-content:right}}@media(min-width:1024px){.hero-carousel__slide--top-left,.hero-carousel__slide--top-center,.hero-carousel__slide--top-right{align-items:flex-start}
}@media(min-width:1024px){.hero-carousel__slide--center-left,.hero-carousel__slide--center,.hero-carousel__slide--center-right{align-items:center}}@media(min-width:1024px){.hero-carousel__slide--bottom-left,.hero-carousel__slide--bottom-center,.hero-carousel__slide--bottom-right{align-items:flex-end}}.hero-carousel__slide--bottom-left .hero-carousel__content--bottom,.hero-carousel__slide--bottom-right .hero-carousel__content--bottom,.hero-carousel__slide--bottom-center .hero-carousel__content--bottom,.hero-carousel__slide--bottom .hero-carousel__content--bottom{padding-bottom:3.125rem}
.hero-carousel__slide .hero-carousel__background{position:absolute;inset:0;z-index:-2}.hero-carousel__slide .hero-carousel__background .image{min-height:100%}.hero-carousel__container{display:flex;flex:1;position:relative;width:100%;margin:0 auto;padding:0 1rem}@media(min-width:1024px){.hero-carousel__container{padding:0 3.5rem}
}.hero-carousel__video{position:absolute;inset:0;min-width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;z-index:-2}.hero-carousel__inner{position:relative;display:flex;flex:1;align-items:center;padding:2.0625rem 0}@media(min-width:1024px){.hero-carousel__inner{padding:3.5625rem 0 2.625rem}}.hero-carousel--top-left .hero-carousel__inner{display:flex;align-items:stretch;justify-content:flex-start}
.hero-carousel--center .hero-carousel__inner{align-items:center;justify-content:center;text-align:center}.hero-carousel--bottom-left .hero-carousel__inner{align-items:flex-end}.hero-carousel__content{max-width:18.625rem}@media(min-width:1024px){.hero-carousel__content{max-width:33.75rem}}.hero-carousel__eyebrow{margin-bottom:1.5rem}
.hero-carousel__heading{margin-bottom:1.5rem}@media(min-width:1024px){.hero-carousel__heading{margin-bottom:2rem}}.hero-carousel__copy{margin-bottom:1.5rem}.hero-carousel__btn--auto{margin-top:inherit}.hero-carousel__btn--bottom{bottom:3.5rem;position:absolute;width:100%;max-width:18rem}@media(min-width:1024px){.hero-carousel__btn--bottom{left:auto;max-width:26.25rem}
}.hero-carousel__shoppable-media{width:3.5rem;position:absolute;bottom:.75rem;right:.875rem;line-height:0;-webkit-backdrop-filter:blur(0.625rem);backdrop-filter:blur(0.625rem);background:rgba(255,255,255,0.5);border-radius:.25rem;width:3rem;height:3rem;transition:background-color .3s ease-in-out}@media(min-width:1024px){.hero-carousel__shoppable-media{border-radius:.5rem;display:flex;justify-content:space-between;align-items:stretch;bottom:1rem;right:1rem;width:initial;height:5.5rem;padding:.5rem}
.hero-carousel__shoppable-media--bottom-left{right:initial}.hero-carousel__shoppable-media:hover{background-color:#fff}}.hero-carousel__shoppable-media--bottom-left{left:.875rem}@media(min-width:1024px){.hero-carousel__shoppable-media--bottom-left{left:1rem}}@media(min-width:1024px){.hero-carousel__shoppable-media:hover{width:initial}
.hero-carousel__shoppable-media:hover .hero-carousel__shoppable-details{transition:width .5s ease-in-out,opacity .3s ease-in .4s;opacity:1;width:17.25rem}.hero-carousel__shoppable-media:not(:hover) .hero-carousel__shoppable-details{transition:opacity 0s linear 0s,width .5s ease-in-out}
}.hero-carousel__shoppable-details{display:none;opacity:0;width:0;line-height:initial;text-align:left;position:relative;color:var(--color-black)}@media(min-width:1024px){.hero-carousel__shoppable-details{display:block}}.hero-carousel__shoppable-details__eyebrow{margin-bottom:.25rem}.hero-carousel__shoppable-details__cta{position:absolute;bottom:0;left:0}
.hero-carousel__shoppable-details__cta a{display:block;text-decoration:underline;cursor:pointer}.hero-carousel__shoppable-image__wrapper{height:100%}.hero-carousel__shoppable-image__wrapper img{height:100%;border-radius:.25rem}.hero-carousel__prev,.hero-carousel__next{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:flex}
.hero-carousel__prev svg path,.hero-carousel__next svg path{fill:var(--color-white)}.hero-carousel__prev{left:2.5rem}.hero-carousel__next{right:2.5rem}.hero-carousel .swiper-pagination-bullet{width:2.5rem;height:.25rem;border-radius:1.25rem;position:relative;overflow:hidden;background:rgba(255,255,255,0.4);-webkit-backdrop-filter:blur(0.75rem);backdrop-filter:blur(0.75rem)}
.hero-carousel .swiper-pagination-bullet::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}.hero-carousel .hero-carousel__pagination{bottom:1.5rem;position:absolute;z-index:1;display:flex;justify-content:center}@media(min-width:1024px){.hero-carousel .hero-carousel__pagination{bottom:2.5rem}
}.hero-carousel .swiper-pagination-bullet-active{background:rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(0.75rem);backdrop-filter:blur(0.75rem)}.hero-carousel .swiper-pagination-bullet-active::before{background-color:var(--color-white);animation:slide-progress 6s cubic-bezier(0.3,0,0.3,1) forwards}@keyframes slide-progress{0%{transform:translateX(-100%)}
100%{transform:translateX(0)}}@keyframes opacityPulse{0%{opacity:.4}50%{opacity:.7}100%{opacity:.4}}