.team-member-display{
    max-width: 100%;
    margin: 0 auto;
    padding: var(--block-margin) 0;
    border-top: 0.1rem solid var(--color-gray);
    border-bottom: 0.1rem solid var(--color-gray);
}

.team-member-display > *{
    width: var(--wide-width);
    margin-left: auto;
    margin-right: auto;
}

.team-member-display h2{
    margin-bottom: var(--row-gap);
    text-align: center;
}

.team-member-display h2.animate__animated{
    animation-name: fadeInUp;
}

.team-member-display > p{
    margin-bottom: var(--row-gap);
    text-align: center;
    max-width: 80rem;
}

.team-member-display > p.animate__animated{
    animation-name: fadeInUp;
}

.team-member-display-grid{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--row-gap);
    column-gap: var(--item-column-gap);
}

.team-member-display-grid-item-card.animate__animated{
    animation-name: fadeInUp;
}

.team-member-display-grid-item-card-thumbnail img{
    border-radius: var(--element-border-radius);
    aspect-ratio: 0.863;
    object-fit: cover;
    object-position: center top;
    margin-bottom: var(--item-column-gap);
    transition: all 0.3s ease;
}

.team-member-display-grid-item-card-thumbnail {
    overflow: hidden;
    border-radius: var(--element-border-radius);
    aspect-ratio: 0.85;
    margin-bottom: calc(var(--row-gap) / 2 );
}

.team-member-display-grid-item-card h3{
    font: var(--font-headline-3);
    margin-bottom: calc(var(--item-column-gap) / 2);
}

.team-member-display-grid-item-card h3 strong{
    display: block;
}

.team-member-display-grid-item-card-position{
    font: var(--font-body-small);
    font-weight: 600;
    color: var(--color-forest-floor);
    text-transform: uppercase;
}

.team-member-display-grid-item-card-email,
.team-member-display-grid-item-card-phone{
    font: var(--font-body-xsmall);
}

.team-member-display-grid-item-card a {
    margin-top: var(--item-column-gap);
    text-decoration: none;
}

.team-member-display-grid .team-member-display-grid-item .team-member-display-grid-item-card a.secondary-button{
    padding: 0.5em 1em;
}

.team-member-display-grid-item-modal-description-content > *:last-child{
    margin-bottom: 0;
}

.team-member-related-posts {
    max-width: var(--wide-width);
}

@media (min-width: 768px) {
    .team-member-display-grid:is([data-items-per-row="2"], [data-items-per-row="4"]){
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .team-member-display-grid-item-modal-close{
        top: calc(var(--row-gap) * 3.5);
        right: calc( 50vw - ( var(--wide-width) / 2));
    }
}

@media (min-width: 992px) {
    .team-member-display-grid[data-items-per-row="3"]{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1200px){
    .team-member-display-grid[data-items-per-row="4"]{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}