.card-carousel{position:relative}.card-carousel.outfits-carousel-1-slide .swiper-wrapper{white-space:nowrap}.card-carousel.outfits-carousel-1-slide .swiper-slide:not(.title-carousel-slide){width:284px;margin-right:20px;flex-shrink:0}.card-carousel__inner{display:flex;flex-direction:column;align-items:center;max-width:100%}@media screen and (max-width: 989px){.card-carousel__inner{padding:0}}.card-carousel__header{text-align:center;margin-bottom:2rem;width:100%}.card-carousel__title{display:flex;align-items:center;justify-content:center;transform:translate(var(--headline-shift, 0px));transition:transform var(--headline-shift-speed, .3s) ease;gap:.5rem;max-height:48px;text-emphasis:none;font-family:var(--font-display-heading-family);font-style:italic}@media screen and (max-width: 750px){.card-carousel__title{font-size:calc(var(--font-heading-scale) * 3.2rem)}}@media (prefers-reduced-motion: reduce){.card-carousel__title{transition:none}}.card-carousel__title-span{width:fit-content;text-align:right}.card-carousel__title-span.desktop-title{margin-right:1rem}@media screen and (max-width: 989px){.card-carousel__title-span{padding-left:0}}.card-carousel__title-animation{display:inline-block;height:1.2em;overflow:visible;width:var(--headline-word-reserve, 41%);font-family:var(--font-heading-family);font-weight:400}@media screen and (max-width: 989px){.card-carousel__title-animation{width:100%}}.card-carousel__title-animation-wrapper{height:110%;width:100%}@media screen and (max-width: 989px){.card-carousel__title-animation-wrapper{height:140%}.card-carousel__title-animation-wrapper .swiper-slide.title-carousel-slide{display:flex;justify-content:center;width:100%}}.card-carousel__title-animation-copy{display:block;line-height:1.2;white-space:nowrap;font-family:var(--font-display-heading-family)}.card-carousel__title-animation-copy p{margin:0;width:100%;height:100%;text-align:left}.card-carousel__container{width:100%;margin-bottom:2rem;padding:0 .5rem}@media screen and (max-width: 375px){.card-carousel__container{padding:0}}.card-carousel__wrapper{display:flex;justify-content:space-between}.card-carousel__footer-content{text-align:center;display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 375px){.card-carousel__footer-content{width:100%}}@media screen and (min-width: 750px){.card-carousel__footer-content .button{margin-top:var(--button-margin-top)}}@media screen and (max-width: 749px){.card-carousel__footer-content .button{margin-top:calc(var(--button-margin-top-mobile) - 10px)}}.card-carousel__subtitle{font-size:6.4rem;font-weight:400;line-height:62.5px;font-family:var(--font-display-heading-family);font-style:italic}@media screen and (max-width: 990px){.card-carousel__subtitle{font-size:2.8rem}}@media screen and (max-width: 750px){.card-carousel__subtitle{width:100%;font-size:2.25rem;font-weight:400;line-height:normal}}@media screen and (max-width: 375px){.card-carousel__subtitle{font-size:1.8rem}}.card-carousel__card{display:flex;flex-direction:column;align-items:center;max-width:290px}.card-carousel__card.mobile-only-duplicate{display:none}@media screen and (max-width: 375px){.card-carousel__card.mobile-only-duplicate{display:block}}.card-carousel__card-content{display:flex;flex-direction:column;align-items:center;width:100%}.card-carousel__card-content:hover .card-carousel__image--main,.swiper-slide-active.custom-swiper-slide-active .card-carousel__card-content .card-carousel__image--main{opacity:0}.card-carousel__card-content:hover .card-carousel__image--hover,.swiper-slide-active.custom-swiper-slide-active .card-carousel__card-content .card-carousel__image--hover{opacity:1}.swiper-slide .card-carousel__card-content.is-flip-back .card-carousel__image-container .card-carousel__image--main{opacity:0}.swiper-slide .card-carousel__card-content.is-flip-back .card-carousel__image-container .card-carousel__image--hover,.swiper-slide .card-carousel__card-content.is-flip-front .card-carousel__image-container .card-carousel__image--main{opacity:1}.swiper-slide .card-carousel__card-content.is-flip-front .card-carousel__image-container .card-carousel__image--hover{opacity:0}.card-carousel__image-container{position:relative;width:100%;padding-bottom:100%;overflow:hidden}.card-carousel__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.card-carousel__image--main{opacity:1}.card-carousel__image--hover{opacity:0}.card-carousel__copy{margin-top:.25rem;text-align:center;font-size:24px;font-weight:300;line-height:62.5px;text-transform:uppercase}.card-carousel__copy p{margin:0}.card-carousel .custom-carousel__navigation,.card-carousel .custom-carousel__pagination{display:none}.swiper-slide-active .card-carousel__image-container:after{position:absolute;top:0;bottom:0;left:0;right:0;content:"";border:15px var(--color-accent) solid}@media screen and (max-width: 989px){.card-carousel__title{max-height:100%;flex-direction:column;transform:none}.card-carousel__title-span{width:100%;text-align:center}.card-carousel__title-span.desktop-title{display:none}.card-carousel__card-content:hover .card-carousel__image--main,.swiper-slide-active.custom-swiper-slide-active .card-carousel__card-content .card-carousel__image--main{opacity:0}.card-carousel__card-content:hover .card-carousel__image--hover,.swiper-slide-active.custom-swiper-slide-active .card-carousel__card-content .card-carousel__image--hover{opacity:1}.card-carousel .button__text:not(.button__text--mobile){display:none}.card-carousel .custom-carousel__navigation{position:absolute;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;z-index:2;top:44%;pointer-events:none}.card-carousel .custom-carousel__navigation .custom-carousel__button{background:none;border:none;padding:0;pointer-events:auto}.card-carousel .custom-carousel__pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:0;margin:1rem 0;z-index:2}.card-carousel .custom-carousel__pagination.swiper-pagination-progressbar{position:relative;height:4px;width:95%;background:#e3e3e3;border-radius:8px}.card-carousel .custom-carousel__pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;border-radius:8px}.card-carousel .custom-carousel__pagination .swiper-pagination-bullet{width:10px;height:10px;background:#d1d1d1;opacity:1;margin:0}.card-carousel .custom-carousel__pagination .swiper-pagination-bullet-active{background:#000}}@media screen and (min-width: 990px){.card-carousel__title .card-carousel__title-span.mobile-title{display:none}.card-carousel__card-content:hover .card-carousel__image--main,.swiper-slide-active .card-carousel__card-content .card-carousel__image--main{opacity:0}.card-carousel__card-content:hover .card-carousel__image--hover,.swiper-slide-active .card-carousel__card-content .card-carousel__image--hover{opacity:1}.card-carousel .button__text--mobile,.card-carousel .custom-carousel__pagination{display:none}}
