.ccs{display:block}.ccs__inner{position:relative}.ccs__header{margin:0 0 3rem}.ccs__header--center{text-align:center}.ccs__header--center .ccs__subheading{margin-left:auto;margin-right:auto}.ccs__heading{margin:0}.ccs__subheading{margin:.8rem 0 0;max-width:70rem;opacity:.85}.ccs__list{display:flex;flex-direction:column;gap:5.5rem}.ccs__list--card{gap:3rem}.ccs__study{display:flex;flex-direction:column;align-items:center;gap:2rem}.ccs__list--card .ccs__study{border:1px solid rgba(var(--color-foreground, 18 18 18),.12);border-radius:var(--ccs-radius, 14px);padding:2.4rem 2rem;gap:1.6rem}.ccs__media{width:100%;max-width:var(--ccs-media-max, 920px);margin:0 auto}.ccs__progression{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--ccs-gap, 10px)}@media screen and (max-width:749px){.ccs__progression{grid-auto-columns:74%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ccs__progression::-webkit-scrollbar{display:none}}.ccs__shot{margin:0;scroll-snap-align:start}.ccs__shot-frame{position:relative;display:block;width:100%;aspect-ratio:var(--ccs-shot-ratio, 3 / 4);border-radius:var(--ccs-radius, 14px);overflow:hidden;background:#0b0b0b;cursor:zoom-in}.ccs__shot-frame img{width:100%;height:100%;object-fit:cover;display:block}.ccs__shot-label{display:block;margin-top:.5rem;text-align:center;font-size:1.2rem;font-weight:600;letter-spacing:.02em;opacity:.8}.ccs__ba{position:relative;width:100%;aspect-ratio:var(--ccs-shot-ratio, 3 / 4);border-radius:var(--ccs-radius, 14px);overflow:hidden;background:#0b0b0b;touch-action:pan-y;-webkit-user-select:none;user-select:none}.ccs__ba img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ccs__ba-after{clip-path:inset(0 0 0 var(--ccs-ba, 50%))}.ccs__ba-handle{position:absolute;top:0;bottom:0;left:var(--ccs-ba, 50%);width:2px;background:#fff;transform:translate(-1px);box-shadow:0 0 0 1px #00000040}.ccs__ba-grip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000059;cursor:ew-resize}.ccs__ba-grip svg{width:22px;height:22px;display:block}.ccs__ba-tag{position:absolute;top:10px;padding:3px 9px;font-size:1.1rem;font-weight:600;color:#fff;background:#0000008c;border-radius:999px;pointer-events:none}.ccs__ba-tag--before{left:10px}.ccs__ba-tag--after{right:10px}.ccs__videos{display:grid;gap:var(--ccs-gap, 10px);margin-top:var(--ccs-gap, 10px)}.ccs__videos--side{grid-template-columns:1fr 1fr}.ccs__video{margin:0}.ccs__video-frame{position:relative;aspect-ratio:var(--ccs-shot-ratio, 3 / 4);border-radius:var(--ccs-radius, 14px);overflow:hidden;background:#000;cursor:pointer}.ccs__video-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ccs__product{display:flex;width:fit-content;align-items:center;gap:1rem;margin-top:1.6rem;padding:.8rem .8rem .8rem .9rem;border:1px solid rgba(var(--color-foreground, 18 18 18),.14);border-radius:var(--ccs-radius, 14px);text-decoration:none;color:inherit;max-width:100%;transition:border-color .2s ease,box-shadow .2s ease}.ccs__product:hover{border-color:rgba(var(--color-foreground, 18 18 18),.4);box-shadow:0 4px 14px #00000014}.ccs__product img{width:52px;height:52px;border-radius:10px;object-fit:cover;flex:0 0 auto}.ccs__product-info{display:flex;flex-direction:column;line-height:1.3;min-width:0}.ccs__product-eyebrow{font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.ccs__product-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccs__body{width:100%;max-width:var(--ccs-body-max, 720px);margin:0 auto}.ccs__eyebrow{display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:.6rem}.ccs__title{margin:0 0 .4rem;font-size:2.4rem;line-height:1.2}.ccs__subtitle{margin:0 0 1.2rem;font-size:1.6rem;line-height:1.35;font-weight:500;opacity:.78}.ccs__identity{display:flex;align-items:center;gap:1rem;margin:0 0 1.2rem;flex-wrap:wrap}.ccs__avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 auto}.ccs__who{display:flex;flex-direction:column;line-height:1.25}.ccs__name{font-weight:700}.ccs__meta{font-size:1.3rem;opacity:.7}.ccs__stars{display:inline-flex;gap:2px;color:#f5a623;margin-left:auto}.ccs__stars svg{width:16px;height:16px}.ccs__pills{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.2rem}.ccs__pill{font-size:1.2rem;font-weight:600;padding:4px 11px;border-radius:999px;background:rgba(var(--color-foreground, 18 18 18),.07)}.ccs__summary{font-size:1.7rem;line-height:1.5;margin:0 0 1.2rem}.ccs__takeaways{margin:0 0 1.4rem;padding:1.2rem 1.4rem;border-radius:var(--ccs-radius, 14px);background:rgba(var(--color-foreground, 18 18 18),.05)}.ccs__takeaways-title{font-weight:700;margin:0 0 .4rem;font-size:1.3rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.ccs__takeaways ul{margin:0;padding-left:1.4rem}.ccs__takeaways li{margin:.2rem 0}.ccs__story{position:relative;line-height:1.6}.ccs__story>*+*{margin-top:1rem}.ccs__story strong{font-weight:700}.ccs__story.is-clamped{max-height:16rem;overflow:hidden}.ccs__story.is-clamped:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5rem;background:linear-gradient(to bottom,rgba(var(--color-background, 255 255 255),0),rgba(var(--color-background, 255 255 255),1))}.ccs__readmore{display:block;margin-top:.8rem;background:none;border:0;padding:0;font:inherit;font-weight:700;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.ccs__readmore[hidden]{display:none}.ccs__cta{margin-top:1.6rem}.ccs__disclosure{display:inline-block;margin-top:1.2rem;font-size:1.1rem;font-weight:600;opacity:.7;padding:3px 9px;border:1px solid rgba(var(--color-foreground, 18 18 18),.2);border-radius:999px}.ccs__disclaimer{margin-top:1rem;font-size:1.15rem;line-height:1.5;opacity:.6}@media screen and (max-width:749px){.ccs__list{gap:4rem}.ccs__title{font-size:2rem}.ccs__summary{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.ccs__video-frame video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/customer-case-studies.css.map */