/* ── Case Study Slider (index.html) ── */
.cs-section{background:#eef2ff;padding:80px 0;overflow:hidden;}
.cs-wrap{display:grid;grid-template-columns:390px 1fr;gap:48px;align-items:stretch;}
.cs-left{padding-right:28px;border-right:1px solid rgba(16,44,109,0.12);display:flex;flex-direction:column;}
.cs-left-body{flex:1;}
.cs-heading{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:#102c6d;line-height:1.2;letter-spacing:-0.02em;margin:16px 0;}
.cs-desc{font-size:0.95rem;color:#475569;line-height:1.75;margin:0 0 10px;}
.cs-question{font-size:1rem;font-weight:700;color:#102c6d;margin:0 0 24px;}
.cs-cta-wrap{margin-bottom:0;}
.cs-arrows{display:flex;gap:12px;margin-top:20px;justify-content:center;}
.cs-arrow{width:44px;height:44px;border-radius:50%;border:2px solid rgba(16,44,109,0.2);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;color:#102c6d;flex-shrink:0;}
.cs-arrow:hover,.cs-arrow.active{background:#102c6d;border-color:#102c6d;color:#fff;}
.cs-right{min-width:0;position:relative;}
.cs-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;}
.cs-loader-spinner{width:44px;height:44px;border:3px solid rgba(16,44,109,0.15);border-top-color:#102c6d;border-radius:50%;animation:cs-spin 0.75s linear infinite;}
@keyframes cs-spin{to{transform:rotate(360deg);}}
.cs-slider-outer{overflow:hidden;width:100%;opacity:0;transition:opacity 0.25s ease;}
.cs-slider-track{display:flex;gap:20px;transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94);}
/* Card - slide-up reveal */
.cs-card{flex:0 0 auto;border-radius:16px;height:320px;cursor:pointer;overflow:hidden;position:relative;}
.cs-card-inner{position:relative;width:100%;height:100%;}
.cs-card-front{position:absolute;inset:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(16,44,109,0.09);display:flex;flex-direction:column;}
.cs-card-img{flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.cs-card-img img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform 0.42s ease;}
.cs-card:hover .cs-card-img img{transform:scale(1.06);}
.cs-card-foot{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;flex-shrink:0;background:#fff;}
.cs-card-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:0.82rem;font-weight:700;color:#102c6d;}
/* Info panel - slides up on hover */
.cs-card-info{position:absolute;inset:0;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(16,44,109,0.09);padding:20px 18px 16px;display:flex;flex-direction:column;transform:translateY(100%);transition:transform 0.42s cubic-bezier(0.4,0,0.2,1);}
.cs-card:hover .cs-card-info{transform:translateY(0);}
.cs-card-info .cs-metric-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px;}
.cs-card-info .cs-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.cs-card-info .cs-icon svg{width:18px;height:18px;}
.cs-card-info .cs-metric-body{flex:1;}
.cs-card-info .cs-num{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.75rem;font-weight:800;line-height:1.1;}
.cs-card-info .cs-metric-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:700;color:#0a163a;margin:3px 0 0;text-transform:uppercase;letter-spacing:0.05em;}
.cs-card-info .cs-metric-desc{font-family:'Plus Jakarta Sans',sans-serif;font-size:12.5px;color:#64748b;line-height:1.6;margin:0 0 14px;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.cs-card-info .cs-divider{height:1px;background:rgba(20,78,216,0.08);margin-bottom:12px;}
.cs-card-info .cs-info{display:flex;flex-direction:column;gap:5px;margin-top:auto;}
.cs-card-info .cs-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:13.5px;font-weight:700;color:#0a163a;}
.cs-card-info .cs-tags{display:flex;flex-wrap:wrap;gap:5px;}
.cs-card-info .cs-tag{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:600;color:#64748b;background:#f8faff;border:1px solid rgba(20,78,216,0.1);border-radius:20px;padding:2px 9px;}
.cs-card-info .cs-link{display:inline-flex;align-items:center;gap:5px;font-family:'Plus Jakarta Sans',sans-serif;font-size:12.5px;font-weight:600;text-decoration:none;transition:gap 0.2s;margin-top:4px;}
.cs-card-info .cs-link:hover{gap:8px;}
.cs-card-info.cs-c1 .cs-icon{background:rgba(20,78,216,0.1);}
.cs-card-info.cs-c1 .cs-icon svg,.cs-card-info.cs-c1 .cs-link{color:#144ED8;}
.cs-card-info.cs-c1 .cs-num{color:#144ED8;}
.cs-card-info.cs-c2 .cs-icon{background:rgba(22,163,74,0.1);}
.cs-card-info.cs-c2 .cs-icon svg,.cs-card-info.cs-c2 .cs-link{color:#16a34a;}
.cs-card-info.cs-c2 .cs-num{color:#16a34a;}
.cs-card-info.cs-c3 .cs-icon{background:rgba(217,119,6,0.1);}
.cs-card-info.cs-c3 .cs-icon svg,.cs-card-info.cs-c3 .cs-link{color:#d97706;}
.cs-card-info.cs-c3 .cs-num{color:#d97706;}
.cs-card-info.cs-c4 .cs-icon{background:rgba(79,70,229,0.1);}
.cs-card-info.cs-c4 .cs-icon svg,.cs-card-info.cs-c4 .cs-link{color:#4F46E5;}
.cs-card-info.cs-c4 .cs-num{color:#4F46E5;}
@media(max-width:1310px){.cs-section{padding-left:15px;padding-right:15px;}}
@media(max-width:900px){.cs-wrap{grid-template-columns:1fr;gap:32px;}.cs-left{padding-right:0;border-right:none;border-bottom:1px solid rgba(16,44,109,0.12);padding-bottom:28px;text-align:center;align-items:center;}.cs-cta-wrap{display:flex;justify-content:center;}}
@media(max-width:600px){.cs-card{height:260px;}}