.team .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: var(--spacing-default);
    row-gap: var(--spacing-medium);
}

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

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

.team .card img {
    border-radius: var(--border-radius-small);
}

.team .heading {
    margin-top: 1rem;
    margin-bottom: 0;
}

.team .role {
    font-weight: var(--font-weight-bold);
}

.team .contact-details {
    margin-top: .5rem;
}