/* Spécifique à la page À propos : cartes de section sous le carrousel.
   Le carrousel 3D lui-même est stylé par le CSS générique planet-carousel.css. */

/* Portrait : affiché seulement hors de la scène 3D (repli si le carrousel ne se
   charge pas) ; dans la scène il remplace la planète, comme sur l'Accueil. */
.apropos-hero-img {
    max-width: min(60%, 260px);
    height: auto;
}

/* Bouton de repli actif (visible seulement si le carrousel 3D ne se charge pas). */
#apropos-fallback .apropos-section-btn.active {
    background-color: #fff;
    color: #000;
}

/* Carte de section : marge de défilement pour ne pas coller à la navbar. */
.apropos-section {
    scroll-margin-top: 1rem;
}