/* ===== Jumbotron — CTA immersif (migration fidèle) ===== */
.jumbotron { position: relative; background-color: var(--blanc-ivoire); padding: 4rem 6rem; overflow: hidden; }
.jumbotron__inner { max-width: var(--max-width); margin: 0 auto; }
.jumbotron__card { position: relative; border-radius: 28px; height: 80vh; overflow: hidden; isolation: isolate; display: flex; align-items: center; color: var(--blanc-ivoire); }
.jumbotron__bg { position: absolute; inset: 0; z-index: 0; }
.jumbotron__bg img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s ease; }
.jumbotron__card:hover .jumbotron__bg img { transform: scale(1.04); }
.jumbotron__bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(31,31,31,0.7) 20%, rgba(31,31,31,0) 50%); z-index: 1; }

.jumbotron__content { position: relative; z-index: 2; padding: 4rem 4rem; max-width: 720px; display: flex; flex-direction: column; gap: 1rem; margin-top: auto; }
.jumbotron__heading { display: flex; flex-direction: column; gap: 0.25rem; }
.jumbotron__title { font-family: var(--font-titre); font-size: clamp(2rem, 4vw, 3rem); line-height: 1; color: var(--blanc-ivoire); font-weight: 400; letter-spacing: 0.3px; margin-bottom: 0.5rem; }
.jumbotron__title-mark { color: var(--orange-sanguine); font-weight: 400; }
.jumbotron__desc { color: var(--blanc-ivoire); max-width: 560px; }
.jumbotron__actions { display: flex; align-items: center; gap: 1rem; margin-top: 1rem; flex-wrap: wrap; }

@media (max-width: 1024px) { .jumbotron__content { padding: 3rem 2.5rem; } }
@media (max-width: 640px) {
    .jumbotron { padding: 3rem 1.25rem; }
    .jumbotron__content { padding: 2.5rem 1.5rem; }
    .jumbotron__actions { flex-direction: column; align-items: stretch; }
}