.case-studies-stack-container{width:100%;margin-inline:auto;padding:32px 0 80px;position:relative}.scroll-stack-card,.cs-stack-card{transform-origin:top;will-change:transform;backface-visibility:hidden;position:relative}.cs-card-inner{-webkit-backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(140deg,#ffffff14 0%,#ffffff05 35%,#121212bf 100%),#0e0e0ef7;border:1px solid #ffffff29;border-radius:24px;grid-template-columns:46% 54%;min-height:450px;transition:box-shadow .3s,border-color .3s;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #0009,0 6px 24px #00000061,inset 0 0 24px #ffffff0f,inset 0 1px #fff3}.cs-card-inner:hover{border-color:#ffffff47;box-shadow:0 28px 70px #000000b3,0 0 24px #ffffff0d,inset 0 0 28px #ffffff1a,inset 0 1px #ffffff4d}.cs-card-inner:hover .card-shimmer{animation:2s cubic-bezier(.22,1,.36,1) forwards glass-shimmer-sweep}.cs-card-inner.cs-reversed{grid-template-columns:54% 46%}.cs-card-inner:before{content:"";z-index:0;filter:blur(80px);opacity:.04;pointer-events:none;background:#fff;border-radius:50%;width:340px;position:absolute;top:22%;bottom:18%;left:-130px}.cs-card-inner:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#1212122e,#0000 48%);position:absolute;inset:0}.cs-card-inner.cs-reversed:before{left:auto;right:-130px}.cs-card-inner.cs-reversed:after{background:linear-gradient(270deg,#1212122e,#0000 48%)}.cs-card-inner .cs-specular-edge{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:5%;right:5%}.cs-date-badge{z-index:10;-webkit-backdrop-filter:blur(12px);color:#ffffff73;font-family:var(--font-mono,ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;align-items:center;padding:5px 12px;font-size:11px;display:inline-flex;position:absolute;top:16px;right:20px}.cs-copy{z-index:3;flex-direction:column;justify-content:center;padding:32px 28px 32px 40px;display:flex;position:relative;overflow:visible}.cs-reversed .cs-copy{grid-area:1/2;padding:32px 40px 32px 28px}.cs-copy .cs-tagline{letter-spacing:-.02em;background:linear-gradient(90deg,#fff,#b0b0b0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:clamp(1.25rem,1.7vw,1.75rem);font-weight:500;line-height:1.2}.cs-copy .cs-channel-pill{color:#d8d8d8;background:#ffffff0a;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:7px;width:max-content;margin-bottom:14px;padding:4px 12px 4px 6px;font-size:13px;transition:border-color .25s,background .25s;display:inline-flex}.cs-copy .cs-channel-pill:hover{background:#ffffff12;border-color:#ffffff2e}.cs-copy .cs-channel-pill img{object-fit:cover;border:1px solid #ffffff1f;border-radius:50%;width:19px;height:19px}.cs-copy .cs-description{color:#8c8c8c;margin:0 0 16px;font-size:13.5px;line-height:1.5}.cs-details{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.cs-detail-row{align-items:flex-start;gap:10px;display:flex}.cs-detail-icon{color:#bbb;background:#ffffff0d;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;transition:background .25s;display:grid}.cs-detail-row:hover .cs-detail-icon{background:#ffffff17}.cs-detail-text{color:#8c8c8c;font-size:13px;line-height:1.45;transition:color .25s}.cs-detail-row:hover .cs-detail-text{color:#c4c4c4}.cs-metrics{background:#ffffff06;border:1px solid #ffffff0f;border-radius:14px;gap:16px;padding:16px 20px;display:grid}.cs-metrics-4{grid-template-columns:repeat(4,1fr)}.cs-metrics-3{grid-template-columns:repeat(3,1fr)}.cs-metrics-2{grid-template-columns:repeat(2,1fr)}.cs-metric{text-align:center;transition:transform .25s}.cs-metric:hover{transform:scale(1.05)}.cs-media{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.cs-reversed .cs-media{grid-area:1/1}.cs-media-img-wrap{cursor:pointer;border-radius:10px;width:82%;max-width:440px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000059}.cs-media-img-wrap:hover{transform:scale(1.025)translateY(-2px);box-shadow:0 12px 36px #00000080}.cs-media-img-wrap img{object-fit:cover;width:100%;height:auto;display:block}.cs-zoom-overlay{z-index:5;background:0 0;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.cs-media-img-wrap:hover .cs-zoom-overlay{background:#0003}.cs-zoom-icon{opacity:0;color:#333;background:#ffffffe6;border-radius:50%;place-items:center;width:32px;height:32px;transition:opacity .25s,transform .25s;display:grid;transform:scale(.8)}.cs-media-img-wrap:hover .cs-zoom-icon{opacity:1;transform:scale(1)}.cs-media-row{gap:8px;width:82%;max-width:440px;display:flex}.cs-media-row .cs-media-img-wrap{flex:1;width:50%}.cs-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:-10px;margin-bottom:16px;display:flex}.cs-indicator{letter-spacing:.04em;color:#ffffffb3;-webkit-backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff17;border-radius:9999px;align-items:center;gap:7px;width:max-content;margin-bottom:0;padding:4px 13px;font-size:11px;font-weight:500;display:inline-flex;box-shadow:0 1px 3px #00000040}.cs-last-update{letter-spacing:.03em;color:#ffffff80;-webkit-backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff12;border-radius:9999px;align-items:center;gap:6px;width:max-content;margin-bottom:0;padding:4px 12px;font-size:11px;font-weight:500;transition:border-color .25s,background .25s,color .25s;display:inline-flex;box-shadow:0 1px 3px #0003}.cs-last-update:hover{color:#ffffffbf;background:#ffffff0d;border-color:#ffffff24}.cs-last-update .cs-date-val{color:#ffffffe6;font-weight:600}.cs-indicator-dot{background:#ffffff73;border-radius:50%;flex-shrink:0;width:5px;height:5px}.cs-cta-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121212cc;border:1px solid #ffffff14;border-radius:24px;padding:64px 32px;position:relative;overflow:hidden}.cs-cta-card:before{content:"";filter:blur(80px);pointer-events:none;background:#ffffff0f;border-radius:50%;width:400px;height:240px;position:absolute;bottom:-100px;left:50%;transform:translate(-50%)}@media (max-width:1100px){.cs-card-inner,.cs-card-inner.cs-reversed{grid-template-columns:46% 54%}.cs-copy{padding:36px 28px 36px 40px}.cs-reversed .cs-copy{padding:36px 40px 36px 28px}}@media (max-width:820px){.scroll-stack-card{filter:none!important;will-change:auto!important;margin-bottom:40px!important;transform:none!important}.scroll-stack-inner{padding-bottom:2rem!important}.scroll-stack-end{display:none!important}.cs-card-inner,.cs-card-inner.cs-reversed{grid-template-columns:1fr;min-height:auto}.cs-copy,.cs-reversed .cs-copy{grid-area:1/1;padding:32px 24px 20px}.cs-media,.cs-reversed .cs-media{grid-area:2/1;padding:12px 20px 28px}.cs-copy .cs-tagline{font-size:1.5rem}.cs-date-badge{padding:5px 10px;font-size:11px;top:14px;right:16px}.cs-metrics-4{grid-template-columns:repeat(2,1fr)}.cs-media-img-wrap,.cs-media-row{width:100%}}@media (max-width:520px){.scroll-stack-card{margin-bottom:32px!important}.cs-copy,.cs-reversed .cs-copy{grid-area:1/1;padding:24px 16px 16px}.cs-media,.cs-reversed .cs-media{grid-area:2/1;padding:8px 12px 20px}.cs-copy .cs-tagline{font-size:1.35rem}.cs-details{gap:8px}.cs-detail-text{font-size:13px}.cs-media-row{flex-direction:column}.cs-media-row .cs-media-img-wrap{width:100%}}@media (prefers-reduced-motion:reduce){.scroll-stack-card,.cs-stack-card{will-change:auto!important;filter:none!important;transform:none!important}}
