/* ==========================================================================
   EQUIPE.CSS — styles propres à la page L'équipe (equipe.php)
   Les cartes photo (.carte-photo) sont définies dans global.css.
   ========================================================================== */

/* Bandeau un peu moins haut que sur l'accueil */
.bandeau--equipe {
    min-height: clamp(340px, 60vh, 560px);
    background-position: center bottom;
}

/* Grille du bureau : 2 colonnes sur mobile, 3 sur ordinateur (2 lignes de 3) */
.bureau {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--espace-m);
    max-width: 960px;
    margin-inline: auto;
}

@media (min-width: 800px) {
    .bureau {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--espace-l);
    }
}

/* Texte des cartes plus petit sur mobile (cartes étroites) */
.membre .carte-photo__texte h3 {
    font-size: clamp(1.1rem, 0.9rem + 1vw, 1.5rem);
}

.membre .carte-photo__texte p {
    font-size: clamp(0.8rem, 0.75rem + 0.3vw, 1rem);
    line-height: 1.3;
}

@media (max-width: 499px) {
    .membre .carte-photo__texte {
        padding: var(--espace-s);
    }
}