/* ==========================================================================
   Section CTA final - accroche conclusive centrée avec 2 blobs.
   Reproduction de A_FinalCTA (design_handoff_museaux/direction-a.jsx).
   ========================================================================== */

.mdm-cta-final {
    padding: 100px var(--m-page-padding);
    position: relative;
    text-align: center;
    overflow: hidden;
}

/* Blobs aquarelle décoratifs très flous (blur 70px) */
.mdm-cta-final__blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.mdm-cta-final__blob--rose {
    background: var(--m-rose);
    left: 10%;
    top: 20px;
    width: 300px;
    height: 300px;
    opacity: .4;
    filter: blur(70px);
}

.mdm-cta-final__blob--lavender {
    background: var(--m-lavender);
    left: 70%;
    top: 50px;
    width: 280px;
    height: 280px;
    opacity: .4;
    filter: blur(70px);
}

.mdm-cta-final__inner {
    position: relative;
    z-index: 2;
    max-width: 720px;
    margin-inline: auto;
}

.mdm-cta-final__eyebrow {
    display: block;
    font-family: var(--m-font-hand);
    font-size: 24px;
    color: var(--m-gold);
    margin-bottom: 12px;
}

.mdm-cta-final__title {
    font-family: var(--m-font-display);
    font-style: italic;
    font-weight: 400;
    font-size: clamp(2.5rem, 4vw + 1rem, 4.5rem); /* 40 → 72px */
    color: var(--m-ink);
    margin: 0 0 20px;
    line-height: 1.05;
}

.mdm-cta-final__lead {
    font-family: var(--m-font-body);
    font-size: 17px;
    color: var(--m-ink-2);
    max-width: 520px;
    margin: 0 auto 36px;
    line-height: 1.6;
}

.mdm-cta-final__buttons {
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
}

.mdm-cta-final__buttons .btn {
    padding: 18px 32px;
    font-size: 15px;
}

/* - Responsive - */
@media (max-width: 700px) {
    .mdm-cta-final { padding: 80px var(--m-space); }
}