.case-study-slider{--slides-per-page: 2.5;--gap: 0px;--perspective: 800px;--rotation-angle: 40deg;--z-base: -10vw;--z-offset: 15vw;--tan-5-deg: .0875;--skew-angle: 5deg;display:block;position:relative;width:100%;max-width:none;margin:0;padding-left:0;padding-right:0}.case-study-slider__viewport{overflow-y:visible;overflow-x:clip;cursor:grab}.case-study-slider__viewport:active{cursor:grabbing}.case-study-slider__track{display:flex;align-items:flex-start;touch-action:pan-y pinch-zoom;backface-visibility:hidden}.case-study-slider__slide{flex:0 0 calc(100% / var(--slides-per-page));min-width:0;box-sizing:border-box;perspective:var(--perspective);perspective-origin:50% 50%;margin-right:var(--gap)}.case-study-slider__card{position:relative;aspect-ratio:16 / 9;border-radius:var(--border-radius, 5px);overflow:hidden;background:rgb(var(--color-background));transform-origin:center;backface-visibility:hidden;will-change:transform;transform:translateZ(calc(var(--z-base) + max(var(--inViewProgress, 0),calc(-1 * var(--inViewProgress, 0))) * var(--z-offset))) rotateY(calc(var(--inViewProgress, 0) * -1 * var(--rotation-angle)))}.case-study-slider__slide:not(.is-in-view) .case-study-slider__card{visibility:hidden}@media screen and (max-width:749px){.case-study-slider{--slides-per-page: 1.5;--gap: 30px}.case-study-slider__viewport{padding-block:calc(50% * var(--tan-5-deg))}.case-study-slider__slide{flex:0 0 calc(100% / var(--slides-per-page));padding:0;margin-right:var(--gap);perspective:none}.case-study-slider__card{aspect-ratio:88 / 100;transform:translateY(calc(var(--inViewProgress, 0) * -1.36 * 70vw * var(--tan-5-deg))) skewY(calc(var(--skew-angle) * -1))}.case-study-slider__content{padding-block:calc(50% * var(--tan-5-deg));transform:skewY(var(--skew-angle))}}@media screen and (min-width:750px){.case-study-slider{padding-top:1vw;padding-bottom:70px}}.case-study-slider__media{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.case-study-slider__image,.case-study-slider__media img{width:100%;height:100%;object-fit:cover;object-position:center}.case-study-slider__media .placeholder-svg{width:100%;height:100%;object-fit:cover}.case-study-slider__content{position:absolute;top:0;bottom:0;left:0;right:0;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;color:rgb(var(--color-foreground));z-index:2}@media screen and (min-width:750px){.case-study-slider__content{padding:2rem;gap:.75rem}}.case-study-slider__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.9}.case-study-slider__title{margin:0;color:inherit;font-weight:600}.case-study-slider__button{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding:.4rem 1.25rem;background-color:var(--button-background-color);color:var(--button-color);border:none;border-radius:5px;font-size:.875rem;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;min-height:30px;min-width:44px}@media screen and (min-width:750px){.case-study-slider__button{padding:.3125rem 1.75rem}}.case-study-slider__button:hover{transform:translate(4px);box-shadow:-4px 4px #0003}.case-study-slider__button-icon{display:flex;align-items:center;transition:transform .2s ease}.case-study-slider__button:hover .case-study-slider__button-icon{transform:translate(4px)}.case-study-slider__button-icon svg{width:1rem;height:1rem}.case-study-slider__controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding:0 1.5rem}@media screen and (min-width:750px){.case-study-slider__controls{margin-top:3rem}}.case-study-slider__button-prev,.case-study-slider__button-next{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.case-study-slider__button-prev:hover,.case-study-slider__button-next:hover{border-color:rgba(var(--color-foreground),.5)}.case-study-slider__button-prev:disabled,.case-study-slider__button-next:disabled{opacity:.3;cursor:not-allowed}.case-study-slider__button-prev .icon,.case-study-slider__button-next .icon{width:.75rem;height:.75rem}.case-study-slider__button-prev .svg-wrapper{transform:rotate(90deg)}.case-study-slider__button-next .svg-wrapper{transform:rotate(-90deg)}.case-study-slider.is-dragging .case-study-slider__card{transition:none}.case-study-slider.is-dragging .case-study-slider__button{pointer-events:none}@media(prefers-reduced-motion:reduce){.case-study-slider__card{transform:none!important}.case-study-slider__button,.case-study-slider__button-icon,.case-study-slider__button-prev,.case-study-slider__button-next{transition:none}}.case-study-slider__slide:focus{outline:none}.case-study-slider__slide:focus-visible .case-study-slider__card{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.case-study-slider__button:focus-visible,.case-study-slider__button-prev:focus-visible,.case-study-slider__button-next:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-case-study-slider.css.map */