.bio-teaser {
    display: flex;
    align-items: center;
    font-family: DM Sans,sans-serif;
    font-size: 16px;
    line-height: 145%;
    font-weight: 400
}

    .bio-teaser .bio-teaser__image {
        border-radius: 50%;
        width: 124px;
        height: 124px;
        object-fit: cover;
        margin-right: 12px
    }

    .bio-teaser .bio-teaser__name {
        font-size: 1rem;
        display: inline-block;
        font-weight: 700;
        margin-bottom: 4px;
        line-height: 1.2
    }

    .bio-teaser .bio-teaser__title {
        font-size: 1rem;
        font-weight: 400;
        color: #707070;
        line-height: 1.2
    }

.bio-teaser--medium .bio-teaser__image {
    width: 72px;
    height: 72px
}

.bio-teaser--medium .bio-teaser__name {
    font-size: 1.125rem
}

.bio-teaser--large .bio-teaser__name {
    font-family: DM Sans,sans-serif;
    font-size: 23px;
    line-height: 120%;
    font-weight: 700;
    margin: 0
}

.bio-teaser--complex {
    display: flex;
    flex-direction: column;
    max-width: 296px;
    align-items: center;
    gap: 12px
}

    .bio-teaser--complex a {
        text-decoration: none
    }

    .bio-teaser--complex .bio-teaser__image {
        margin-right: 0
    }

    .bio-teaser--complex .bio-teaser__name {
        font-size: 1.125rem
    }

    .bio-teaser--complex .bio-teaser__text {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .bio-teaser--complex .bio-teaser__description {
        text-align: center;
        font-size: 1.125rem;
        margin-top: 12px
    }

    .bio-teaser--complex .bio-teaser__social {
        font-size: 1rem;
        margin-top: 12px
    }

        .bio-teaser--complex .bio-teaser__social i {
            margin-right: 12px
        }

        .bio-teaser--complex .bio-teaser__social:hover span, .bio-teaser--complex .bio-teaser__social:focus-visible span {
            text-decoration: underline
        }