.portfolio-carousel{background-color:var(--pp-bg, #000000);color:var(--pp-text, #ffffff);padding:var(--pp-padding-y, 80px) 0;position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);box-sizing:border-box}.portfolio-carousel *,.portfolio-carousel *:before,.portfolio-carousel *:after{box-sizing:border-box}.portfolio-carousel__header{max-width:1600px;width:100%;margin:0 auto;padding:0 50px;margin-bottom:var(--pc-header-gap, 28px)}.portfolio-carousel__intro{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}.portfolio-carousel__intro-text{display:flex;flex-direction:column;gap:14px;max-width:720px}.portfolio-carousel__viewport{width:100%;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%)}.portfolio-carousel__track{display:flex;gap:var(--pc-card-gap, 16px);width:max-content;will-change:transform;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.portfolio-carousel__track.is-dragging{cursor:grabbing}.portfolio-carousel__track.is-dragging .portfolio-card{pointer-events:none}.portfolio-carousel__track .portfolio-card{flex:0 0 var(--pc-card-width, 300px);width:var(--pc-card-width, 300px);aspect-ratio:var(--pc-card-aspect, 3 / 4);contain:layout}.portfolio-carousel__track .portfolio-card img{-webkit-user-drag:none;user-drag:none;pointer-events:none}.portfolio-carousel__footer{display:flex;justify-content:center;padding:0 50px;margin-top:var(--pc-footer-gap, 28px);max-width:1600px;width:100%;margin-left:auto;margin-right:auto}@media(max-width:1200px){.portfolio-carousel__header,.portfolio-carousel__footer{padding-left:32px;padding-right:32px}}@media(max-width:768px){.portfolio-carousel__intro{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.portfolio-carousel{padding:48px 0}.portfolio-carousel__header,.portfolio-carousel__footer{padding-left:20px;padding-right:20px}.portfolio-carousel__track{--pc-card-width: 220px}.portfolio-carousel__track .portfolio-card{flex:0 0 220px;width:220px}.portfolio-projects__title{font-size:28px}.portfolio-carousel__viewport{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/portfolio-carousel.css.map */