/* the team: portraits in a grid, name, role and bio all visible (style.css) */

main.doc > .lead {
    font-size: var(--step-1);
    line-height: 1.4;
    max-width: 56ch;
    margin: 0 0 1.5rem;
}

main.doc .people {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: 2rem 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: none;
}
.people li { margin: 0; }
.people img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: 3px;
    background: var(--obs-wash);
}
.people h3 { font-size: var(--step-1); margin: 0.7rem 0 0; }
.people .role { color: var(--obs-mute); margin: 0 0 0.35rem; font-size: 0.95rem; }
.people .bio { font-size: 0.95rem; line-height: 1.45; margin: 0; }