/* Styles for the new title section inside the direction-wrapper */
.new-title-section {
    text-align: center;
    position: relative;
    z-index: 5;
}

.new-hero-title {
    font-size: clamp(4rem, 10vw, 11rem); /* Adapté pour 10vw comme base */
    line-height: .96;
    letter-spacing: -.045em;
    margin: 0;
    font-family: 'Arc_Typ', 'RMNeue-Regular', Arial, sans-serif;
    text-transform: capitalize !important;
    color: var(--black);
    font-weight: 500;
    visibility: hidden; /* Caché jusqu'à ce que l'animation JS soit prête */
    padding-bottom: 4rem;
}

.new-hero-title .line {
    display: block;
    white-space: nowrap;
}

.new-hero-title .char.gridular-font {
    font-family: 'Gridular', Arial, sans-serif;
    margin-left: 4px;
}

/* =============================================
   RESPONSIVE — MOBILE (≤768px)
   On garde l'alignement centré par défaut (text-align: center sur
   .new-title-section) — l'override left est seulement pour la page Manifeste
   (cf. a-propos-new.css).
   ============================================= */
@media (max-width: 768px) {
    .new-hero-title {
        font-size: clamp(2.6rem, 10vw, 11rem);
        padding-bottom: 2rem;
    }

    .new-hero-title .line {
        white-space: normal;
    }
}