.hero-banner {
    display: flex;
    justify-content: center;   /* centre horizontal */
    align-items: center;       /* centre vertical */
    text-align: center;
    min-height: 200px;         /* hauteur fixe */
    padding: 0;                /* on enlève le padding qui casse le centrage */
}

.hero-banner h1 {
    margin: 0;                 /* supprime le décalage vertical du titre */
    line-height: 1.2;          /* évite que la ligne soit trop espacée */
}