section.team {
    min-height: 100vh;
    min-height: 100dvh;
    gap: 30px;
        
    padding-inline: 90px;
    padding-left: 90px;
    padding-right: 90px;
    
    padding-block: 90px;
    padding-top: 90px;
    padding-bottom: 90px;
}

    section.team .background {
        mix-blend-mode: color-burn;
    }

    section.team .teamContainer {
        display: flex;
        flex-direction: column;
        margin-block: 54px;
        margin-top: 54px;
        margin-bottom: 54px;
        gap: 50px;
    }

    section.team .teamContainer .team1, section.team .teamContainer .team2, section.team .teamContainer .members {
            gap: 65px;
            display: flex;
            justify-content: center;
        }

    section.team .teamContainer .teamMember {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            gap: 10px;
        }

    section.team .teamContainer .teamMember img {
                width: 200px;
                height: 200px;
                -o-object-fit: cover;
                   object-fit: cover;
                border-radius: 100px;
            }

    section.team .teamContainer .teamMember .teamDesc .openieraText {
                    font-weight: 100;
                }

    section.team .teamContainer .teamMember .teamDesc p {
                    font-size: 1rem;
                    margin: 0;
                }

    section.team .teamContainer .teamMember .teamDesc .poste {
                    font-size: 0.875rem;
                }

    section.team .chevronHint {
        position: absolute;
        margin-inline: auto;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        bottom: 50px;
        display: flex;
        width: 130px;
        height: 70px;
        justify-content: center;
        align-items: flex-end;

        border-radius: 15px;

        transition: 0.3s;

        --skewDeg: 26deg;
        --distance: 50%;
        
        /* background-color: red; */

        animation: glowBreath 3s ease-in-out infinite;

        --opacity: 0.7;
    }

    section.team .chevronHint:is(a:focus .chevronHint, :hover) {
            --opacity: 1;
            filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.85)) !important;
        }

    section.team .chevronHint:is(a:focus-visible .chevronHint) {
            outline: solid 1px white;
        }

    section.team .chevronHint::after, section.team .chevronHint::before {
            content: '';
            position: absolute;
            display: block;
            width: 80px;
            height: 18px;
            background-color: rgba(255, 255, 255, var(--opacity));

            transform: translateX(calc(0% - var(--distance))) skewY(var(--skewDeg));
            transform-origin: right;

            right: 0;
            left: 0;
            margin: auto;

            transition: 0.3s;
        }

    section.team .chevronHint::before {
            transform: translateX(var(--distance)) skewY(calc(0deg - var(--skewDeg)));
            transform-origin: left;
        }

@media (max-width: 82.5rem) {
            section.team .teamContainer .team1, section.team .teamContainer .team2, section.team .teamContainer members {
                gap: 35px;
            }
}

@media (max-width: 73.75rem) {
                section.team .teamContainer .teamMember img {
                    width: 180px;
                    height: 180px;
                }
}

@media (max-width: 66.875rem) {
        section.team .teamContainer {
            width: 100%;
            align-items: center;           
        }

            section.team .teamContainer .team1 {
                flex-direction: column;
            }

            section.team .teamContainer .team2, section.team .teamContainer .members {
                flex-wrap: wrap;
                max-width: 770px;
            }            

            section.team .teamContainer .team1, section.team .teamContainer .team2, section.team .teamContainer .members {
                gap: 65px;
            }
                    section.team .teamContainer .team1 .teamDesc p, section.team .teamContainer .team2 .teamDesc p, section.team .teamContainer .members .teamDesc p {
                        font-size: 0.9375rem;
                    }
                    section.team .teamContainer .team1 .teamDesc .poste, section.team .teamContainer .team2 .teamDesc .poste, section.team .teamContainer .members .teamDesc .poste {
                        font-size: 0.75rem;
                    }
}