.team { padding: 4rem 0; }
.team .container { }
.team .content { }
.team .content h4 { font-size: 2.5rem; font-weight: 400; color: var(--text); margin-bottom: 3rem; line-height: 1.2; font-family: "RobotoSerif", sans-serif; text-align: start; }
.team .content .teamMembers { --tm-gap: 3rem; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: stretch; gap: var(--tm-gap); }
.team .content .teamMembers .teamMember { flex: 1 0 calc(25% - (var(--tm-gap) * 3 / 4)); max-width: calc(25% - (var(--tm-gap) * 3 / 4)); display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; }
.team .content .teamMembers .teamMember .image { flex: 1 0 75%; width: 100%; height: 75%; }
.team .content .teamMembers .teamMember .image img { width: 100%; height: 100%; object-fit: cover; }
.team .content .teamMembers .teamMember .info { flex: 1 0 25%; height: 25%; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; justify-content: flex-start; padding-top: 1.5rem; }
.team .content .teamMembers .teamMember .info h5 { font-size: 1.25rem; font-weight: 500; color: var(--text); margin-bottom: 0.4rem; line-height: 1.4; font-family: "RobotoSerif", sans-serif; }
.team .content .teamMembers .teamMember .info p.position { font-size: 1rem; font-weight: 500; color: var(--text); margin-bottom: 0.75rem; line-height: 1.4; }
.team .content .teamMembers .teamMember .info p.description { font-size: 1rem; font-weight: 400; color: var(--text); margin-bottom: 0.75rem; line-height: 1.2; }
.team .content .teamMembers .teamMember .info a { font-size: 1rem; font-weight: 400; color: var(--dark-gold); margin-bottom: 0; line-height: 1.2; }

@media (max-width: 1199.98px) {
    .team .content .teamMembers .teamMember { flex: 1 0 calc(50% - (var(--tm-gap) / 2)); max-width: calc(50% - (var(--tm-gap) / 2)); }
}

@media (max-width: 767.98px) {
    .team { padding: 3rem 0; }
    .team .content h4 { font-size: 2rem; margin-bottom: 2rem; }
}

@media (max-width: 575.98px) {
    .team .content h4 { font-size: 1.75rem; }
    .team .content .teamMembers .teamMember { flex: 1 0 100%; max-width: 100%; }
    .team .content .teamMembers .teamMember .image { flex: 1 0 auto; height: auto; }
    .team .content .teamMembers .teamMember .image img { min-height: 382px; }
    .team .content .teamMembers .teamMember .info { flex: 1 0 30%; height: 30%; }
}