/* On cible le conteneur de chaque article dans la grille */
.view-home-page .grid__content {
    max-width: 480px; /* Aligné sur la largeur de votre photo */
    margin: 0 auto;   /* Centre la carte si la colonne est plus large */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centre tout le contenu horizontalement */
}

/* On force le H2 à ne jamais dépasser 100% de son parent (480px) */
h2.titre-portfolio-seo {
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box; /* Important : inclut le padding dans le calcul des 480px */
    margin: 0;
    padding: 20px 15px;    /* Espace intérieur pour que le texte ne touche pas les bords */
    text-align: center;
    word-wrap: break-word;  /* Coupe les mots s'ils sont vraiment trop longs */
}

/* On retire le bleu et on soigne le look */
h2.titre-portfolio-seo a {
    color: #1a1a1a !important;
    text-decoration: none !important;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    line-height: 1.4;
}

/* Effet au survol */
h2.titre-portfolio-seo a:hover {
    color: #888 !important;
}