/* Case studies listing (from case-studies-page.css reference), scoped to .hx-cslist */
.hx-cslist {
  --bg-primary:#FAFAF8;--bg-dark:#21242c;--bg-card:#fff;--bg-muted:rgba(0,0,0,.05);
  --text-primary:#1a1a1a;--text-secondary:rgba(0,0,0,.55);--text-light:rgba(255,255,255,.6);
  --accent:#8B5CF6;--accent-light:rgba(139,92,246,.1);
  --border:rgba(0,0,0,.08);--border-light:rgba(255,255,255,.1);
  --container-wide:1280px;--nav-height:72px;
}
.hx-cslist .container-wide {max-width:var(--container-wide);margin:0 auto;padding:0 24px}
.hx-cslist .section-padding {padding:80px 0}
.hx-cslist .cs-hero {padding:128px 0 64px;background:rgba(0,0,0,.03)}
.hx-cslist .cs-hero-title {font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:clamp(48px,8vw,96px);line-height:.95;letter-spacing:-.02em;margin-bottom:24px;color:var(--text-primary)}
.hx-cslist .cs-hero-sub {font-size:20px;color:var(--text-secondary);max-width:640px;line-height:1.5}
.hx-cslist .cs-masonry {column-count:1;column-gap:20px}
@media(min-width:640px) {
.hx-cslist .cs-masonry {column-count:2}
}
@media(min-width:1024px) {
.hx-cslist .cs-masonry {column-count:3}
}
.hx-cslist .cs-card {display:block;break-inside:avoid;margin-bottom:20px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--bg-card);transition:border-color .5s,box-shadow .5s,transform .5s}
.hx-cslist .cs-card:hover {border-color:rgba(139,92,246,.3);box-shadow:0 20px 40px rgba(0,0,0,.08)}
.hx-cslist .cs-media {position:relative;overflow:hidden}
.hx-cslist .cs-ratio-4x3 .cs-media {aspect-ratio:4/3}
.hx-cslist .cs-ratio-16x9 .cs-media {aspect-ratio:16/9}
.hx-cslist .cs-ratio-3x2 .cs-media {aspect-ratio:3/2}
.hx-cslist .cs-media img {width:100%;height:100%;object-fit:cover;transition:transform .7s}
.hx-cslist .cs-card:hover .cs-media img {transform:scale(1.05)}
.hx-cslist .cs-metric-badge {position:absolute;top:12px;right:12px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:6px 12px;border-radius:9999px}
.hx-cslist .cs-body {padding:20px}
.hx-cslist .badge {display:inline-block;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;background:var(--accent-light);color:var(--accent);border:1px solid rgba(139,92,246,.2);margin-bottom:8px}
.hx-cslist .cs-title {font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:16px;line-height:1.3;color:var(--text-primary);margin-bottom:4px;transition:color .3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-cslist .cs-card:hover .cs-title {color:var(--accent)}
.hx-cslist .cs-client {display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:8px}
.hx-cslist .cs-desc {font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-cslist .cs-foot {display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}
.hx-cslist .cs-arrow {color:var(--accent);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s}
.hx-cslist .cs-card:hover .cs-arrow {opacity:1;transform:translateX(0)}