/* ===== TEAM ===== */
.team-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl) var(--spacing-l);
}

.team-member {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: start;
}

.team-member__photo {
    width: clamp(140px, 15vw, 190px);
    height: clamp(140px, 15vw, 190px);
    border-radius: 50%;
    object-fit: cover;
    object-position: center top;
    margin-block-end: var(--spacing-m);
}

.team-member__name {
    font-size: var(--font-size-name);
    font-weight: 600;
    line-height: var(--line-height-name);
    color: var(--color-primary);
    margin-block-end: var(--spacing-s);
}

.team-member__roles {
    list-style: none;
    list-style-position: inside;
    padding: 0;
    font-size: var(--font-size-copy);
    line-height: var(--line-height-copy);
    color: var(--color-text);
}

.team-member__roles li::marker {
    content: '› ';
    color: var(--color-primary);
    font-weight: 700;
}

@media (max-width: 1023px) {
    .team-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 599px) {
    .team-grid { grid-template-columns: 1fr; }
}