.filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    gap:12px 16px;margin:30px 0 0;padding-bottom:12px;border-bottom:1.5px solid var(--rule)}
  .filters .set{display:flex;flex-wrap:wrap;gap:6px}
  .f{font-family:'Bricolage Grotesque',Helvetica,sans-serif;font-size:14px;font-weight:600;
    border:1.5px solid var(--ink);border-radius:999px;padding:6px 13px;cursor:pointer;
    white-space:nowrap;background:var(--white);color:oklch(0.3 0.02 60)}
  .f.on{background:var(--ink);color:oklch(0.98 0.01 85)}
  .filters .cnt{font-family:'Bricolage Grotesque',Helvetica,sans-serif;font-size:13px;
    letter-spacing:.08em;text-transform:uppercase;color:var(--mute);flex:none}

  .case{text-decoration:none;color:inherit;display:flex;flex-wrap:wrap;align-items:baseline;
    justify-content:space-between;gap:8px 16px;padding:14px 18px;border-bottom:1px solid var(--hair)}
  .case:last-child{border-bottom:0}
  .case:hover{background:var(--tint);color:inherit}
  .case .who{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}
  .case .chal{font-family:'Bricolage Grotesque',Helvetica,sans-serif;font-size:14px;
    font-weight:600;color:oklch(0.52 0.03 60)}
  .case .brand{font-family:'Bricolage Grotesque',Helvetica,sans-serif;font-weight:800;
    font-size:19px;letter-spacing:-.02em}
  .case .meta2{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:none}
  .sector{font-family:'Bricolage Grotesque',Helvetica,sans-serif;font-size:11px;font-weight:700;
    letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 9px;white-space:nowrap}
  .sector.ecom{background:oklch(0.93 0.03 70);color:oklch(0.36 0.08 62)}
  .sector.b2b{background:oklch(0.92 0.03 250);color:oklch(0.33 0.07 258)}
  .sector.health{background:oklch(0.92 0.03 195);color:oklch(0.33 0.07 210)}
  .case .when{font-family:'Bricolage Grotesque',Helvetica,sans-serif;font-size:12px;
    color:oklch(0.54 0.03 60);white-space:nowrap}