/* zero core's has-background inline padding; inner owns horizontal containment */
.flm-leadership { padding-block: clamp(2.5rem, 6vw, 5rem); padding-inline: 0; }
.flm-leadership__inner { width: min(92vw, 1840px); margin-inline: auto; }
.flm-leadership__title { color: var(--wp--preset--color--text-primary); font-weight: 600; font-size: clamp(1.75rem, 2.6vw, 2.5rem); margin: 0 0 1rem; }
.flm-leadership__intro { color: var(--wp--preset--color--text-muted); font-weight: 300; line-height: 1.6; max-width: 64ch; margin: 0 auto clamp(2rem, 4vw, 3rem); font-size: var(--wp--preset--font-size--caption); }
/* Flex + justify-center so the row of cards centers for ANY count (was a fixed
   5-col grid, which left 4 members left-aligned with an empty 5th column). The
   flex-basis keeps the original 5-up card size. */
.flm-leadership__grid { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(1rem, 2vw, 1.75rem); }
.flm-leadership__card { flex: 0 0 calc((100% - 4 * clamp(1rem, 2vw, 1.75rem)) / 5); display: flex; flex-direction: column; align-items: center; text-align: center; }
.flm-leadership__photo { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 4px; margin-bottom: 1rem; }
.flm-leadership__photo--placeholder { display: grid; place-items: center; background: var(--wp--preset--color--surface-elev-1); color: var(--wp--preset--color--text-muted); font-size: 2rem; font-weight: 600; }
.flm-leadership__name { color: var(--wp--preset--color--text-primary); font-weight: 600; font-size: var(--wp--preset--font-size--caption); margin: 0 0 .25rem; }
.flm-leadership__role { color: var(--wp--preset--color--text-muted); text-transform: uppercase; letter-spacing: .05em; font-size: .8125rem; margin: 0; }
@media (max-width: 1023px) { .flm-leadership__card { flex-basis: calc((100% - 2 * clamp(1rem, 2vw, 1.75rem)) / 3); } }
@media (max-width: 600px) { .flm-leadership__card { flex-basis: calc((100% - 1 * clamp(1rem, 2vw, 1.75rem)) / 2); } }