/* Proposition minimale : composition d'origine + un seul repère éditorial. */
.hero-detail-page .hello-heading {
    position: relative;
}

.hero-detail-page .hello-title {
    line-height: 1.025 !important;
}

.hero-detail-page .hello-eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 clamp(20px, 2.2vh, 30px);
    color: #2d3a60;
    font-size: clamp(10px, .75vw, 12px);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.hero-detail-page .hello-eyebrow > span {
    display: block;
    width: clamp(34px, 3vw, 50px);
    height: 2px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #eb5b6a;
}

@media (max-width: 767px) {
    .hero-detail-page .hello-title {
        line-height: 1.03 !important;
    }

    .hero-detail-page .hello-eyebrow {
        gap: 10px;
        margin-bottom: 18px;
        font-size: 9px;
        letter-spacing: .11em;
    }

    .hero-detail-page .hello-eyebrow > span {
        width: 28px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .hero-detail-page .hello-eyebrow {
        animation: heroDetailReveal .75s cubic-bezier(.22, 1, .36, 1) both;
    }
}

@keyframes heroDetailReveal {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}