/* About / team grid (templates/about.php) */

.clf-team-card .clf-team-photo {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: top center;
}

/* Team cards: quiet photo treatment, livelier hover */
.clf-team-card {
    overflow: hidden;
}

.clf-team-card .clf-team-photo {
    transition: transform .25s ease;
}

.clf-team-card:hover .clf-team-photo {
    transform: scale(1.03);
}

@media (prefers-reduced-motion: reduce) {
    .clf-team-card .clf-team-photo { transition: none; }
    .clf-team-card:hover .clf-team-photo { transform: none; }
}

.clf-team-card h3 {
    font-size: 1rem;
    font-weight: 600;
}

/* Sub-group labels (e.g. Law Clerk) echo the section-eyebrow language.
   Retargeted from h2 to .clf-team-group-label 2026-08-14: the section now
   carries a real header, so h2 is the section title, not a group label. */
.clf-team-group-label {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--clf-muted);
}

/* Role line under the name on team cards (job_title field, 2026-08-25) */
.clf-team-card .clf-team-role {
    font-family: var(--clf-font-header);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--clf-muted);
    margin-top: .25rem;
}