.teams-tab-container h3 {
    grid-column: 2 / -2;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 clamp(2rem, 1.6286rem + 1.5238vw, 3rem);
}
.teams-tab-container .team-buttons-nav {
    grid-column: 2 / -2;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
    height: fit-content;
    margin: 0 auto clamp(2rem, 0.5143rem + 6.0952vw, 6rem)
}
.teams-tab-container .team-buttons-nav .step-animated-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
}

.teams-tab-container .teams-display-wrapper {
    grid-column: 2 / -2;
}

/* --- Scroll Staggered Fade-Up Animation --- */

.teams-tab-container h3,
.teams-tab-container .team-buttons-nav {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 3s cubic-bezier(0.16, 1, 0.3, 1), transform 3s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.teams-tab-container.is-visible h3,
.teams-tab-container.is-visible .team-buttons-nav {
    opacity: 1;
    transform: translateY(0);
}

.teams-tab-container h3 { transition-delay: 0s; }
.teams-tab-container .team-buttons-nav { transition-delay: 0.15s; }

@keyframes staggerFadeUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.teams-tab-container .our-roles-list > * {
    opacity: 0;
    will-change: opacity, transform;
}

.teams-tab-container.is-visible .our-roles-list > * {
    animation: staggerFadeUp 3.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.teams-tab-container .our-roles-list > *:nth-child(1) { animation-delay: 0.1s; }
.teams-tab-container .our-roles-list > *:nth-child(2) { animation-delay: 0.2s; }
.teams-tab-container .our-roles-list > *:nth-child(3) { animation-delay: 0.3s; }
.teams-tab-container .our-roles-list > *:nth-child(4) { animation-delay: 0.4s; }
.teams-tab-container .our-roles-list > *:nth-child(5) { animation-delay: 0.5s; }
.teams-tab-container .our-roles-list > *:nth-child(6) { animation-delay: 0.6s; }
.teams-tab-container .our-roles-list > *:nth-child(7) { animation-delay: 0.7s; }
.teams-tab-container .our-roles-list > *:nth-child(8) { animation-delay: 0.8s; }
.teams-tab-container .our-roles-list > *:nth-child(n+9) { animation-delay: 0.9s; }

@media (min-width: 1280px) {
    .teams-tab-container .team-buttons-nav {
        grid-column: 4 / -4;
    }
    .teams-tab-container .team-buttons-nav .step-animated-btn {
        width: fit-content;
        text-align: left;
        justify-content: space-between;
    }
}