.cases-filter{ display:flex; flex-wrap:wrap; gap:var(--s-2); margin-bottom:var(--s-7) }
.cases-filter button{ height:36px; padding:0 var(--s-4); border:1px solid var(--line); color:var(--fg-2); font:500 var(--fs-eyebrow)/1 var(--font-mono); letter-spacing:var(--ls-mono); text-transform:uppercase; transition:border-color var(--d-s), color var(--d-s) }
.cases-filter button:hover{ border-color:var(--line-strong); color:var(--fg) }
.cases-filter button.is-active{ background:var(--fg); color:var(--bg); border-color:var(--fg) }
.cases-filter button.is-active .text-muted{ color:color-mix(in srgb, currentColor 70%, transparent) }
.cases-grid{ row-gap:var(--s-8) }
.cases-grid__item{ display:flex; flex-direction:column; gap:var(--s-3) } .cases-grid__item.is-hidden{ display:none }
.cases-grid__tags{ margin:0 }