/* case-studies.css */
.cs-filter{display:flex;gap:.5rem;flex-wrap:wrap;margin:2.5rem 0;}
.cs-filter-btn{padding:.45rem 1.1rem;border-radius:50px;font-size:.78rem;font-weight:600;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s;font-family:'Inter',sans-serif;}
.cs-filter-btn:hover,.cs-filter-btn.active{border-color:var(--gold);color:var(--gold);background:var(--gold-dim);}
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.cs-card{overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);transition:transform .3s,border-color .3s,box-shadow .3s;}
.cs-card:hover{transform:translateY(-5px);border-color:var(--border-glow);box-shadow:0 12px 48px rgba(212,175,55,.1);}
.cs-thumb{height:clamp(160px,18vw,220px);position:relative;display:flex;align-items:flex-end;padding:1.25rem;overflow:hidden;}
.cs-thumb-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,11,18,.9) 0%,transparent 55%);}
.cs-badge-pos{position:relative;z-index:1;}
.cs-body{padding:1.5rem;}
.cs-body h3{color:var(--text-primary);font-size:1.0625rem;font-family:'Inter',sans-serif;font-weight:700;margin-bottom:.4rem;}
.cs-body p{font-size:.82rem;margin-bottom:1.125rem;}
.cs-results{display:flex;gap:1.25rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1rem;}
.cs-result strong{font-family:'Playfair Display',serif;font-size:1.5rem;background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;line-height:1;}
.cs-result span{font-size:.7rem;color:var(--text-muted);}
.cs-link{font-size:.78rem;font-weight:700;color:var(--gold);letter-spacing:.04em;display:inline-flex;align-items:center;gap:.35rem;transition:gap .2s;}
.cs-card:hover .cs-link{gap:.6rem;}
.cs-featured{grid-column:span 2;}
.cs-featured .cs-thumb{height:clamp(200px,25vw,320px);}
@media(max-width:1024px){.cs-grid{grid-template-columns:repeat(2,1fr);}.cs-featured{grid-column:span 2;}}
@media(max-width:640px){.cs-grid{grid-template-columns:1fr;}.cs-featured{grid-column:span 1;}}