.team {
    border-image: linear-gradient(180deg, var(--c-section) 0%, #fff 255px) fill 0 / / 40px 100vw 0;
}

.team__text {
    max-width: none; margin: 11px 0 0;
}

.team__list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin: 40px 0 0;
    padding: 0;
    list-style: none;
}

.team__card {
    flex-direction: row; align-items: center; gap: 24px;
}

.team__photo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    object-fit: cover;
    background: var(--c-blue-50);
    color: var(--c-blue);
    font-size: 48px;
    font-weight: 700;
}

.team__role {
    margin: 4px 0 15px; font-size: 16px; line-height: 19.2px;
}

@media (max-width: 1240px) {
    .team__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

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

    .team__card {
        flex-direction: column; align-items: flex-start;
    }

    .team__photo {
        width: 96px; height: 96px;
    }
}