.case-studies{padding-top:4rem;padding-bottom:1rem;border-bottom:1px solid #f4f4f4}@media screen and (max-width:749px){.case-studies{padding-top:3rem;padding-bottom:1rem}.case-studies__title{font-size:24px!important}.case-studies__subtitle{font-size:14px!important}}.case-studies__header{margin-bottom:1.8rem;max-width:72rem}.case-studies__title{margin:0;font-size:32px;line-height:1.08;letter-spacing:-.02em}.case-studies__subtitle{margin:.7rem 0 0;color:rgba(var(--color-foreground),.72);font-size:16px;line-height:1.35}.case-slider{position:relative}.case-slider__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border-radius:1.6rem;padding-bottom:.2rem}.case-slider__viewport::-webkit-scrollbar{height:0}.case-slider__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:1.8rem;padding:.2rem 0;margin-top:2px;list-style:none}@media screen and (min-width:990px){.case-slider__track{grid-auto-columns:minmax(320px,360px);gap:2rem}}.case-slider__arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:5;border:1px solid rgba(255,255,255,.14);width:4.6rem;height:4.6rem;border-radius:999px;background:#00000038;color:#fff;font-size:2.6rem;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .16s ease,background .16s ease,border-color .16s ease}@media(hover:hover){.case-slider__arrow:hover{transform:translateY(calc(-50% - 1px));background:#00000047;border-color:#ffffff38}}.case-slider__arrow:active{transform:translateY(-50%);background:#0000004d}.case-slider__arrow--prev{left:-1.1rem;padding-bottom:6px;padding-right:8px}.case-slider__arrow--next{right:-1.1rem;padding-bottom:6px;padding-left:8px}@media screen and (max-width:749px){.case-slider__arrow{display:none}}.case-card{scroll-snap-align:start;border-radius:1.8rem;overflow:hidden;background:rgb(var(--color-background));border:0px solid rgba(var(--color-foreground),.08);transition:transform .5s ease,box-shadow .18s ease,border-color .18s ease}@media(hover:hover){.case-card:hover{transform:translateY(-3px);border-color:rgba(var(--color-foreground),.12)}}.case-card__media{display:block;position:relative;color:inherit}.case-card__media-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:18px;cursor:pointer}.case-compare{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:1.8rem;--pos: 50%;background:rgba(var(--color-foreground),.05);-webkit-user-select:none;user-select:none;cursor:pointer}.case-compare:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 100% at 50% 0%,#0000001a,#0000 60%)}.case-compare__img{position:absolute;top:0;right:0;bottom:0;left:0}.case-compare__image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.case-compare__img--after{z-index:0}.case-compare__img--before{z-index:2;width:100%;overflow:visible;clip-path:inset(0 calc(100% - var(--pos)) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.case-compare__divider{position:absolute;inset:0 auto 0 0;left:var(--pos);width:2px;background:#ffffff38;z-index:3;pointer-events:none}.case-compare__handle{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);z-index:4;border:0px solid rgba(255,255,255,.3);width:4.8rem;height:4.8rem;border-radius:999px;background:#00000042;color:#fff;display:grid;place-items:center;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 26px #0000002e}.case-compare__handle-icon{font-size:2rem;line-height:1;padding-bottom:2px}.case-compare__label{position:absolute;top:1.1rem;padding:.55rem 1.05rem;border-radius:999px;font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase;background:#00000057;color:#fff;z-index:2;pointer-events:none;transition:opacity .15s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.case-compare__label--before{left:1.1rem}.case-compare__label--after{right:1.1rem}.case-compare.is-before-hidden .case-compare__label--before,.case-compare.is-after-hidden .case-compare__label--after{opacity:0}.case-compare__img,.case-compare__divider,.case-compare__label{pointer-events:none}.case-compare__handle{pointer-events:auto}.case-card__body{padding:1.25rem 0rem 1.35rem}.case-card__top{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem;align-items:flex-start}.case-card__title{margin:0;font-size:1.75rem;line-height:1.15;letter-spacing:-.01em}.case-card__title a{color:rgb(var(--color-foreground));text-decoration:none}@media(hover:hover){.case-card__title a:hover{text-decoration:underline}}.case-card__rating{display:inline-flex;align-items:center;align-self:flex-start;margin-top:0;line-height:1.15;padding-top:0;transform:translateY(0);gap:.4rem;font-size:1.35rem;color:rgba(var(--color-foreground),.82);white-space:nowrap}.case-card__rating .case-card__star,.case-card__rating svg{display:inline-block;vertical-align:top}.case-card__star{color:#f2b01e;font-size:16px}.case-card__summary{margin:.7rem 0 .9rem;color:rgba(var(--color-foreground),.78);font-size:1.35rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.case-card__tags{display:flex;flex-wrap:wrap;gap:.55rem;list-style:none;padding:0;margin:0 0 1rem}.case-card__tag{font-size:1.15rem;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(var(--color-foreground),.1);background:rgba(var(--color-foreground),.035);color:rgba(var(--color-foreground),.78)}.case-card__link{display:inline-flex;gap:.55rem;align-items:center;font-size:1.45rem;color:rgba(var(--color-foreground),.88);text-decoration:none}@media(hover:hover){.case-card__link:hover{text-decoration:underline}}.case-slider__empty{padding:2rem;color:rgba(var(--color-foreground),.7)}.case-compare{touch-action:pan-x pan-y}.case-slider__viewport{touch-action:pan-x;-webkit-overflow-scrolling:touch}.case-slider__viewport{touch-action:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.case-compare__handle{touch-action:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-case-studies-transformation.css.map */