.client-person { display: grid; gap: var(--space-6); margin: 0; min-inline-size: 0; }
.client-person__media { aspect-ratio: 522 / 673; border-radius: var(--radius-feature); overflow: hidden; }
.client-person__image { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; }
.client-person__link { display: block; inline-size: 100%; block-size: 100%; }
.client-person__link:focus-visible { outline: 3px solid var(--color-focus); outline-offset: -3px; }
.client-person__caption { display: grid; gap: var(--space-4); }
.client-person__role { margin: 0; font-family: var(--font-heading); font-size: clamp(var(--fs-body-large), 1.666667vw, var(--fs-card-title-max)); font-weight: 600; line-height: 1.3; text-transform: uppercase; overflow-wrap: anywhere; }
.client-person__name { margin: 0; font-size: var(--fs-body-large); line-height: var(--line-height-control); color: var(--color-description); overflow-wrap: anywhere; }
@media (width < 48rem) { .client-person__media { border-radius: var(--radius-panel); } .client-person__caption { gap: var(--space-2); } }