section.team {
    gap: 5rem var(--gap);
    align-items: flex-start;
    padding: 10rem var(--padding) 5rem;
}

section.team:first-child {
    padding-top: 20rem;
}

@media screen and (min-width: 1081px) {
    section.team {
        display: grid;
        grid-auto-rows: auto;
        grid-template-columns: repeat(12, 1fr);
    }

    section.team>article {
        grid-column-end: span 4;
    }

    section.team>.contact {
        grid-column-end: span 6;
    }

    section.team>.contact:nth-of-type(3n - 1) {
        align-self: start;
    }

    section.team>.contact:nth-of-type(3n) {
        padding-top: 10rem;
        align-self: end;
    }

    section.team>.contact:nth-of-type(3n + 1) {
        grid-column-start: 4;
    }

    section.team>.contact:first-of-type {
        grid-column-start: 5;
        transform: translateX(calc(var(--column) / 2));
    }
}

@media screen and (max-width: 1080px) {
    section.team {
        display: flex;
        flex-wrap: wrap;
    }

    section.team .contact .image {
        margin-top: 5rem;
    }

    section.team>.contact {
        width: 30rem;
        max-width: 100%;
        flex-grow: 1;
        align-self: stretch;
    }

    section.team>.contact div:only-child,
    section.team>.contact .image + div {
        align-self: flex-end;
    }
}