.projects-carousel{padding-top:var(--projects-carousel-padding-top-mobile);padding-bottom:var(--projects-carousel-padding-bottom-mobile);overflow:hidden}@media (min-width: 768px){.projects-carousel{padding-top:var(--projects-carousel-padding-top-desktop);padding-bottom:var(--projects-carousel-padding-bottom-desktop)}}@media (min-width: 1440px){.projects-carousel .page-width{overflow:hidden;-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(10%,black),color-stop(90%,black),to(transparent));-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(10%,black),color-stop(90%,black),to(transparent));mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}}.projects-carousel__container{max-width:120rem;margin:0 auto;padding:0 .8rem}@media (min-width: 768px){.projects-carousel__container{padding:0 3.2rem}}.projects-carousel__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.6rem;margin-bottom:4rem;text-align:center}@media (min-width: 768px){.projects-carousel__header{margin-bottom:6rem}}.projects-carousel__header strong{color:rgb(var(--color-button))}.projects-carousel__pretitle{margin:0;color:rgb(var(--color-button));font-family:var(--font-heading-family);font-size:1.6rem;font-weight:700;line-height:2rem;text-transform:uppercase}.projects-carousel__title{max-width:32rem;margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:3.2rem;font-weight:700;line-height:4rem}@media (min-width: 768px){.projects-carousel__title{max-width:80rem;font-size:4.8rem;line-height:5.6rem}}.projects-carousel__content{position:relative}.projects-carousel__slider{width:100%;height:400px;aspect-ratio:375/241;overflow:visible}.projects-carousel__slider .swiper-wrapper{-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 768px){.projects-carousel__slider{width:778px;height:500px;aspect-ratio:375/241}}.projects-carousel__slide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:calc(100% - 16px);height:auto;margin-right:4px;margin-left:4px}.projects-carousel__slide.swiper-slide-prev .projects-carousel__card,.projects-carousel__slide.swiper-slide-next .projects-carousel__card{height:350px}.projects-carousel__slide:not(.swiper-slide-prev):not(.swiper-slide-next):not(.swiper-slide-active) .projects-carousel__card{height:300px}@media (min-width: 768px){.projects-carousel__slide{aspect-ratio:375/241;max-width:100%;margin-right:8px;margin-left:8px}.projects-carousel__slide.swiper-slide-prev .projects-carousel__card,.projects-carousel__slide.swiper-slide-next .projects-carousel__card{height:450px}.projects-carousel__slide:not(.swiper-slide-prev):not(.swiper-slide-next):not(.swiper-slide-active) .projects-carousel__card{height:400px}}.projects-carousel__card{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:400px;overflow:hidden;-webkit-transition:height .3s ease;transition:height .3s ease;-webkit-animation-delay:0ms!important;animation-delay:0ms!important;border-radius:2.4rem;background-color:rgb(var(--color-background-contrast));will-change:height}@media (min-width: 768px){.projects-carousel__card{height:50rem;border-radius:3.2rem}}.projects-carousel__card-image-wrapper{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.projects-carousel__card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.projects-carousel__card-tags{position:absolute;z-index:3;top:0;right:0;padding:3.2rem 0}.projects-carousel__card-tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:3.2rem;padding:0 1.6rem;-webkit-animation-delay:50ms!important;animation-delay:50ms!important;border-radius:1.6rem 0 0 1.6rem;gap:.8rem}.projects-carousel__card-tag-icon{-ms-flex-negative:0;flex-shrink:0;width:2rem;height:2rem}.projects-carousel__card-tag-icon svg{width:100%;height:100%;color:rgb(var(--color-background))}.projects-carousel__card-tag-text{color:rgb(var(--color-background));font-family:var(--font-body-family);font-size:1.4rem;font-weight:400;line-height:2rem;text-transform:uppercase;white-space:nowrap}.projects-carousel__card-content{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;padding:2rem 3.2rem 2.4rem}.projects-carousel__card-content:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;-webkit-mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(70%,black),to(transparent));-webkit-mask-image:linear-gradient(to top,black 70%,transparent);mask-image:-webkit-gradient(linear,left bottom,left top,color-stop(70%,black),to(transparent));mask-image:linear-gradient(to top,black 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(0%,rgba(28,28,28,0)),color-stop(54.327%,rgba(28,28,28,.3)),to(rgba(28,28,28,.8)));background:linear-gradient(180deg,transparent 0%,rgba(28,28,28,0) 0%,rgba(28,28,28,.3) 54.327%,rgba(28,28,28,.8) 100%)}@media (min-width: 768px){.projects-carousel__card-content{padding:2.4rem 3.2rem}}.projects-carousel__card-title{margin:0 0 1.2rem;color:rgb(var(--color-background));font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;line-height:3.2rem}@media (min-width: 768px){.projects-carousel__card-title{font-size:4rem;line-height:4.8rem}}.projects-carousel__card-description{max-width:70rem;color:rgb(var(--color-background));font-family:var(--font-heading-family);font-size:1.6rem;font-weight:700;line-height:2.4rem}.projects-carousel__card-description p{margin:0}.projects-carousel__navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:3.2rem;margin-top:2.4rem}@media (min-width: 768px){.projects-carousel__navigation{margin-top:4rem}}.projects-carousel__nav-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:5.6rem;height:5.6rem;padding:1.6rem;-webkit-transition:all .2s ease;transition:all .2s ease;border:.15rem solid rgb(var(--color-border));border-radius:50%;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));cursor:pointer}.projects-carousel__nav-btn:hover{border-color:rgb(var(--color-button));background-color:rgb(var(--color-button))}.projects-carousel__nav-btn:focus-visible{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}.projects-carousel__nav-btn svg{width:2.4rem;height:2.4rem;color:currentColor}.projects-carousel__nav-btn--prev,.projects-carousel__nav-btn--next{-webkit-box-shadow:3px 4px 7.3px 0px rgb(89,89,89) inset,2px 10px 21.9px 0px rgb(64,64,64) inset,0px 8px 12.1px 0px rgba(83,83,83,.1);box-shadow:3px 4px 7.3px #595959 inset,2px 10px 21.9px #404040 inset,0 8px 12.1px #5353531a}@media (prefers-reduced-motion: reduce){.projects-carousel__nav-btn{-webkit-transition:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-projects-carousel.css.map */