/* Styles spécifiques à la page À propos */

/* Menu actif pour la page index (À propos) */
.page-index .nav-index {
    font-weight: bold;
    color: var(--bleu-ardoise);
}



/* ===== SECTION HERO / BIO ===== */
.hero-section {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md);
    justify-content: center;
    width: 100%;
}

/* .portrait {
    width: clamp(14rem, 22.6270rem + 5.8581vw, 32rem);
} */

.portrait {
    /* Sur petit/moyen écran : fluide */
   width: 100%;

    /* Sur TRÈS grand écran : bloqué */
    max-width: 28rem;
}

.portrait img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/4;
    object-fit: contain;

}
.bio-content {
    flex: 1;
    min-width: 20rem;
    /* pour qu'il prenne l'espace restant */
}
/* .bio-content {
    flex: 1;
    min-width: 14rem;
    max-width: 46rem;
} */

.bio-text p {
    margin-bottom: var(--spacing-xxs);
    font-size: 16px;
}

.bio-text em {
    font-style: italic;
}

/* Accessibilité */
.portrait img:focus-visible {
    outline: 2px solid var(--bleu-vif);
    outline-offset: 2px;
}