/* ============================================================
   reviews.css — testimonials page only
   ============================================================ */

.filters { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1.25rem; }
.filters button {
  font-family: var(--disp); font-weight: 700; font-size: .92rem; letter-spacing: -.01em;
  background: var(--paper); color: var(--body); border: 2px solid var(--black);
  padding: .6rem 1.05rem; min-height: 46px; cursor: pointer;
  transition: background .14s ease, color .14s ease;
}
.filters button:hover { background: var(--gold-soft); }
.filters button[aria-pressed="true"] { background: var(--black); color: var(--ivory); }

.filter-count { font-size: .9rem; color: var(--quiet); margin-bottom: 1.75rem; }

.reviews { display: grid; grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr)); gap: 0;
           border-top: 3px solid var(--black); border-left: 1px solid var(--line-2); }
.reviews article { padding: 1.5rem 1.6rem 1.7rem; border-right: 1px solid var(--line-2);
                   border-bottom: 1px solid var(--line-2); display: grid; gap: .8rem; align-content: start; }
.reviews article[hidden] { display: none; }

.stars { color: var(--gold-deep); font-size: 1rem; letter-spacing: .12em; }
.reviews blockquote { margin: 0; font-size: 1rem; line-height: 1.55; color: var(--ink); }
.reviews .who { display: grid; gap: .12rem; }
.reviews .who b { font-family: var(--disp); font-weight: 800; font-size: .98rem; letter-spacing: -.024em; }
.reviews .who span { font-size: .88rem; color: var(--quiet); }

.fine-note { font-size: .86rem; color: var(--quiet); line-height: 1.6; border-left: 3px solid var(--line-2); padding-left: 1.1rem; }

/* ---- the bench on /team/ ---- */
.bench { display: grid; grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr)); gap: 0;
         border-top: 3px solid var(--black); border-left: 1px solid var(--line-2); }
.bench article { padding: 1.6rem 1.7rem 1.8rem; border-right: 1px solid var(--line-2);
                 border-bottom: 1px solid var(--line-2); display: grid; gap: .5rem; align-content: start; }
.bench h2 { font-family: var(--disp); font-weight: 800; font-size: 1.2rem; letter-spacing: -.03em; margin: 0; }
.bench .role { font-size: .88rem; color: var(--gold-deep); font-weight: 600; }
.bench p:not(.role) { font-size: .95rem; color: var(--body); line-height: 1.55; }

.bench article { scroll-margin-top: 5rem; }
.bench .cred { display: block; font-family: var(--text); font-weight: 600; font-size: .82rem; color: var(--gold-deep); letter-spacing: 0; margin-top: .15rem; }