.os-team {
    display: flex;
    flex-direction: column;
    align-items:center;
    gap: var(--os-content-gap);
}
.os-team__title-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 90ch;
    text-align: center;
}
.os-team__title-wrapper h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.os-team__title-wrapper p {
    font-size: var(--os-text-l);
    margin: 0;
}
.os-team-grid {
    width: 100%;
}
.os-team-grid ul {
    list-style: none;
    margin-left: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--os-space-xl);
}
.os-team-grid li {
    position: relative;
    width: 25rem;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--os-space-s);
    margin-bottom: 0;
}
.team-member__image {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 5px solid white;
    overflow: hidden;
    background-color: var(--os-base-light);
    transition: var(--os-transition);
}
.os-team-grid li:hover .team-member__image {
    border-color: var(--os-accent);
}
.team-member__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex;
}
.team-member__name-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: var(--os-base);
}
p.team-member__name {
    font-size: var(--wp--preset--font-size--headline-4);
    color: var(--wp--preset--color--text-light);
    font-weight: 700;
    margin: 0;
}
p.team-member__role {
    margin: 0;
}
p.team-member__name a {
    text-decoration: none;
}
.os-team-member .os-team-modal {
    background-color: var(--os-base-trans-60);
}
.os-team-modal .os-modal-close {
    top: 3rem;
    right: 3rem;
}
.os-team-modal .os-modal-close img {
    height: 3rem;
}
.os-team-modal-inner {
    position: relative;
    display: grid;
    grid-template-columns: 2fr 4fr;
    gap: var(--os-content-gap);
    width: 90%;
    max-width: 900px;
    padding: var(--os-space-l);
    padding-right: calc(var(--os-space-l) + 3rem);
    background-color: white;
    border-radius: var(--os-radius-m);
    box-shadow: var(--os-bos-shadow-m);
}
.os-team-modal img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
}
.os-team-modal__content {
    display: flex;
    flex-direction: column;
    gap: var(--os-space-s);
    max-height: 400px;
    padding-right: 3rem;
    overflow-y: scroll;
}
.os-team-modal__content h3.os-h3 {
    font-size: calc(var(--os-h3) * 1.5);
    margin-bottom: 0.4rem;
}
.os-team-modal__title {
    padding-bottom: var(--os-space-s);
    border-bottom: 1px solid var(--os-accent);
}
.os-team-modal__title p {
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 480px) {
    .os-team-modal-inner {
        width: 100%;
        max-height: 90vh;
        overflow: hidden;
        grid-template-columns: 1fr;
        padding-right: var(--os-space-l);
    }
    .os-team-modal .os-modal-close {
    top: 2rem;
    right: 2rem;
}
}