/* 1. Écrase la hauteur minimale du Hero et réduit ses marges internes */
#blog-hero.hero.hero-tiny {
    min-height: 80px !important; /* Force le bandeau à être très fin */
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    height: auto !important;
}

/* 2. Réduit drastiquement la taille du titre principal (ex: "Photos") */
#blog-hero h1 {
    font-size: 1.8rem !important; /* Divise par deux la taille du grand titre */
    margin: 0 0 0.5rem 0 !important;
    padding: 0 !important;
}
/* 3. Réduit la taille de la description sous le titre */
#blog-hero .container p {
    font-size: 1rem !important;
    margin: 0.8rem !important;
    line-height: 1.3 !important;
}

/* 4. Supprime l'espace vide sous le Hero avant la grille d'articles */
#start {
    padding-top: 1rem !important;
}

.blog-listing {
    padding-top: 1rem !important;
}