/* Case studies page */
.case-hero-stats{display:flex;gap:48px;flex-wrap:wrap}
.case-hero-stats > div{display:flex;flex-direction:column;gap:4px}
.case-hero-stats .num{font-family:var(--font-serif);font-size:40px;line-height:1;color:var(--fg)}
.case-hero-stats .mono{font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase}

/* Filter strip */
.filter-strip{padding:28px 0}
.filter-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.filter-pills{display:flex;gap:8px;flex-wrap:wrap}
.pill{padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--fg-muted);font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:all .25s var(--ease)}
.pill:hover{border-color:var(--border-strong);color:var(--fg)}
.pill.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}

/* Featured */
.case-featured{
  display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;
  padding:48px;background:var(--bg-card);border:1px solid var(--border);border-radius:28px;
  transition:border-color .3s var(--ease), transform .3s var(--ease);
}
.case-featured:hover{border-color:var(--border-strong);transform:translateY(-4px)}
.case-featured-visual{position:relative;aspect-ratio:5/4;border-radius:20px;overflow:hidden}
.ph-featured{width:100%;height:100%;font-size:13px}
.case-featured-body h2{font-family:var(--font-serif);font-weight:400;font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-0.025em;margin:16px 0 24px}
.case-featured-body h2 em{font-style:italic;color:var(--accent)}
.case-featured-body p{font-size:16px;line-height:1.55;margin-bottom:32px;max-width:46ch}
.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:24px;border-top:1px solid var(--border)}
.case-stats > div{display:flex;flex-direction:column;gap:4px}
.case-stats .num{font-family:var(--font-serif);font-size:32px;line-height:1;color:var(--accent)}
.case-stats .mono{font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase}

/* Cases grid */
.cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.case-tile{
  background:var(--bg-card);border:1px solid var(--border);border-radius:20px;overflow:hidden;
  cursor:pointer;transition:border-color .3s var(--ease), transform .3s var(--ease);
  display:flex;flex-direction:column;
}
.case-tile:hover{border-color:var(--border-strong);transform:translateY(-4px)}
.case-tile-visual{aspect-ratio:16/9;width:100%;font-size:12px;border-radius:0;border:none;border-bottom:1px solid var(--border)}
.case-tile-body{padding:28px 28px 32px;flex:1;display:flex;flex-direction:column;gap:12px}
.case-tile-head{display:flex;justify-content:space-between;align-items:center}
.case-tile-head .case-tag{position:static;background:transparent;padding:0;border:none;backdrop-filter:none;font-size:10.5px;color:var(--accent)}
.case-tile-head .mono{font-size:10.5px}
.case-tile h3{font-family:var(--font-serif);font-weight:400;font-size:32px;letter-spacing:-0.02em;line-height:1}
.case-tile p{font-size:14px;line-height:1.55;color:var(--fg-muted)}
.case-tile-stats{display:flex;gap:24px;margin-top:auto;padding-top:20px;border-top:1px solid var(--border);font-size:13px;color:var(--fg-muted)}
.case-tile-stats em{font-family:var(--font-serif);font-style:italic;color:var(--accent);font-size:16px;margin-right:4px}

@media (max-width:900px){
  .case-featured{grid-template-columns:1fr;padding:24px;gap:24px}
  .cases-grid{grid-template-columns:1fr}
}