#about-page {row-gap: var(--size-m);}
@media only screen and (min-width: 768px) {
    #about-page {row-gap: var(--size-l);}
}


/* 
TEAM
*/
#about_p-team {
    min-width: 100vw;
    max-width: 100vw;
}

#about_p-team--container {
    min-width: 100vw;
    max-width: 100vw;
    padding-left: var(--size);
    column-gap: var(--size);
    overflow: hidden;
}

#about_p-team--container.--manual-nav {
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    overflow-y: hidden;
}

.about_p-team-member {
    min-width: calc(calc(100vw - calc(var(--size) * 3)) / 2);
    max-width: calc(calc(100vw - calc(var(--size) * 3)) / 2);
}
#about_p-team--container.--manual-nav .about_p-team-member {scroll-snap-align: center;}

.about_p-slideshow--nav {
    top: 0;
    bottom: 0;
    padding: var(--size);
    z-index: 5;
}

.about_p-slideshow--nav.--prev {
    right: 50vw;
    left: 0;
}

.about_p-slideshow--nav.--next {
    right: 0;
    left: 50vw;
}

.about_p-slideshow--nav img {width: var(--size-m);}
.about_p-slideshow--nav.--next img {margin-left: auto;}

@media only screen and (min-width: 768px) {
    .about_p-team-member {
        min-width: calc(calc(100vw - calc(var(--size) * 4)) / 3);
        max-width: calc(calc(100vw - calc(var(--size) * 4)) / 3);
    }

    .about_p-slideshow--nav.--prev {right: 75vw;}
    .about_p-slideshow--nav.--next {left: 75vw;}
}
@media only screen and (min-width: 1096px) {
    .about_p-team-member {
        min-width: calc(calc(100vw - calc(var(--size) * 5)) / 4);
        max-width: calc(calc(100vw - calc(var(--size) * 5)) / 4);
    }
}

@media (hover: hover) {
    #about_p-team > button {
        opacity: 0;
        transition: opacity 500ms;
    }

    #about_p-team:hover > button {opacity: 1;}
}

.about_p-team-member .--info {margin-top: var(--size-s);}