/* 
HERO
*/
@media only screen and (min-width: 1096px) {
    main[data-barba-namespace='people'] #people_p-hero {
        min-height: calc(var(--vh) * 100);
        max-height: calc(var(--vh) * 100);
    }
}

/*
TEAM
*/
main[data-barba-namespace='people'] #people_p-team .--header h3 {margin-bottom: .5rem;}
main[data-barba-namespace='people'] #people_p-team ul {
    margin-top: 1.5rem;
    row-gap: 1.5rem;
}
main[data-barba-namespace='people'] #people_p-team .team-block {
    display: none;
    grid-column: span 2;
}
@media only screen and (min-width: 768px) {
    main[data-barba-namespace='people'] #people_p-team .team-block {grid-column: span 1;}
}
@media only screen and (min-width: 1096px) {
    main[data-barba-namespace='people'] #people_p-team .--header h3 {
        width: calc(50vw - .5rem);
    }

    main[data-barba-namespace='people'] #people_p-team .--header p {
        width: calc(50vw - 1.5rem);
        margin-top: .5rem;
    }
}

main[data-barba-namespace='people'] #people_p-team > button {margin: 3rem auto 0;}
@media (hover: hover) {
    main[data-barba-namespace='people'] #people_p-team > button {transition: 250ms ease-in-out;}
    main[data-barba-namespace='people'] #people_p-team > button:hover {
        background: white !important;
        color: black !important;
    }
}


/* 
CAREERS
*/
main[data-barba-namespace='people'] #people_p-careers {margin-top: 8rem;}
main[data-barba-namespace='people'] #people_p-careers > a {margin: 1rem auto 0;}
@media only screen and (min-width: 768px) {
    main[data-barba-namespace='people'] #people_p-careers {margin-top: 12rem;}
    main[data-barba-namespace='people'] #people_p-careers > a {
        margin-top: 3rem;
    }
}
@media (hover: hover) {
    main[data-barba-namespace='people'] #people_p-careers .--button {transition: 250ms ease-in-out;}
    main[data-barba-namespace='people'] #people_p-careers .--button:hover {
        background: white;
        color: black;
    }
}

/* 
VIDEO
*/
main[data-barba-namespace='people'] #people_p-video {margin-top: 8rem;} 
@media only screen and (min-width: 768px) {
    main[data-barba-namespace='people'] #people_p-video {margin-top: 12rem;} 
}