.people-card {
    display: grid;
    padding: 0;
    grid-template-areas: "avatar" "body";
    background: var(--secondary-ultra-light);
    gap: 0;
    align-content: start;
    position: relative;
    transition: var(--transition);
    transition-property: box-shadow;
}

.people-card a {
    color: currentColor;
    text-decoration: none;
}

.people-card:hover,
.people-card:focus-within {
    box-shadow: 0px 5px 5px 0px var(--black-trans-20);
}

/* @media (min-width: 481px) {
    .people-card {
        grid-template-areas: "avatar body";
    }
} */
.people-card__description :is(h2,h3,h4) {
    font-size: var(--text-m);
    font-weight: bold;
}

.people-card__name {
    font-weight: bold;
    display: flex;
    flex-direction: column;
}

.people-card__name::after {
    width: 20%;
    height: 2px;
    display: inline-flex;
    content: "";
    background-color: var(--primary);
    margin-top: 0.25em;
    margin-bottom: 0.75em;
}