/* Appel final vers la demande de devis (composant QuoteCta) : photo sombre au bord profilé. */

.quote-cta {
    position: relative;
    /* Le haut profilé chevauche la section précédente, qui reste visible entre les nervures */
    margin-top: -40px;
    isolation: isolate;
    overflow: hidden;
    background: var(--surface-inverse-deep);
    color: var(--steel-300);
}

.quote-cta__photo {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.35;
}

.quote-cta__inner {
    padding-block: calc(var(--section-y-sm) + 40px) var(--section-y-sm);
}

@media (min-width: 960px) {
    .quote-cta__inner {
        padding-block: calc(var(--section-y) + 40px) var(--section-y);
    }
}

/* Sur fond anthracite, le rouge éclairci du libellé (voir base.css) */
.quote-cta .overline {
    color: var(--text-accent-inverse);
}

.quote-cta__title {
    margin-top: var(--space-3);
    max-width: 18ch;
    font-size: clamp(var(--text-2xl), 2.6vw + 1rem, 3.5rem);
    line-height: var(--leading-tight);
    color: var(--text-inverse);
}

.quote-cta__lead {
    margin-top: var(--space-5);
    max-width: 52ch;
    font: var(--type-body-lg);
    color: var(--steel-200);
}

.quote-cta__phones {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    margin-top: var(--space-8);
}

.quote-cta__phone-depot {
    font-weight: var(--weight-regular);
    opacity: 0.8;
}