/* Shared video backdrop: text always overlays the film. */
body #votre-projet.first-conversation#votre-projet{position:relative!important;isolation:isolate;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:32px!important;aspect-ratio:16/9;min-height:420px!important;padding:60px 5vw!important;box-sizing:border-box;overflow:hidden!important;border-radius:28px!important;background:#06154a!important;backdrop-filter:none!important}
body #votre-projet.first-conversation#votre-projet>.cta-brand-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;z-index:0!important;pointer-events:none}
body #votre-projet.first-conversation#votre-projet .cta-brand-video{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;opacity:1!important;transform:none!important}
body #votre-projet.first-conversation#votre-projet>.cap-orbit{display:none!important}
body #votre-projet.first-conversation#votre-projet::before,body #votre-projet.first-conversation#votre-projet::after{content:none!important;display:none!important}
body #votre-projet.first-conversation#votre-projet>.conversation-heading,body #votre-projet.first-conversation#votre-projet>.conversation-action{position:relative!important;z-index:2!important;width:100%!important;padding:0!important;color:white!important;text-shadow:0 2px 16px #0008}
body #votre-projet.first-conversation#votre-projet :is(h2,p){color:white!important}
body #votre-projet.first-conversation#votre-projet>.conversation-action{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}
@media(max-width:767px){body #votre-projet.first-conversation#votre-projet{min-height:480px!important;aspect-ratio:auto;padding:40px 24px!important}body #votre-projet.first-conversation#votre-projet>.conversation-action{flex-direction:column!important;align-items:flex-start!important}body #votre-projet.first-conversation#votre-projet h2{white-space:normal!important}}

/* One identical component on home, expertise, agency and project pages. */
body #votre-projet.first-conversation#votre-projet{margin:24px!important;width:calc(100% - 48px)!important;box-shadow:none!important;border:0!important;color:#fff!important;font-family:Poppins,Arial,sans-serif;line-height:1.6}
body #votre-projet.first-conversation#votre-projet .section-kicker{font-size:12px!important;font-weight:650!important;line-height:1.4!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 28px!important;max-width:none!important}
body #votre-projet.first-conversation#votre-projet h2{font-size:clamp(30px,4.6vw,72px)!important;font-weight:500!important;line-height:1.12!important;letter-spacing:-.055em!important;margin:20px 0 0!important;max-width:none!important;white-space:nowrap}
body #votre-projet.first-conversation#votre-projet .conversation-action p{font-size:20px!important;line-height:1.6!important;margin:0!important;max-width:none!important}
body #votre-projet.first-conversation#votre-projet .conversation-button{display:inline-flex!important;align-items:center!important;gap:24px!important;width:auto!important;flex-shrink:0;padding:16px 24px!important;margin:8px 0 0!important;border-radius:100px!important;font-size:17px!important;font-weight:550!important;line-height:1.1!important;letter-spacing:-.025em!important;background:#ffffff18!important;color:#fff!important;backdrop-filter:blur(12px);box-shadow:inset 0 1px 1px #ffffff70;text-shadow:none}
@media(max-width:767px){body #votre-projet.first-conversation#votre-projet{margin:16px!important;width:calc(100% - 32px)!important}body #votre-projet.first-conversation#votre-projet h2{font-size:clamp(32px,8vw,48px)!important;white-space:normal!important}body #votre-projet.first-conversation#votre-projet .conversation-action p{font-size:17px!important}}

/* Readability and responsive layout shared by every final CTA. */
body #votre-projet.first-conversation#votre-projet .conversation-button{background:#f4f7ff!important;color:#10284a!important;box-shadow:0 2px 10px #07152b33!important;min-height:52px!important;line-height:1.4!important}
body #votre-projet.first-conversation#votre-projet .conversation-heading h2{opacity:1!important;transform:none!important}
body #votre-projet.first-conversation#votre-projet>.conversation-heading,body #votre-projet.first-conversation#votre-projet>.conversation-action{text-shadow:0 2px 8px #00102f,0 1px 24px #00102f}
@media(min-width:768px) and (max-width:1100px){body #votre-projet.first-conversation#votre-projet>.conversation-action{align-items:flex-start!important;flex-direction:column!important;gap:18px!important}}
@media(max-width:767px){
 body #votre-projet.first-conversation#votre-projet{min-height:540px!important;padding:36px 24px!important;justify-content:flex-end!important;gap:24px!important}
 body #votre-projet.first-conversation#votre-projet .cta-brand-video{object-fit:contain!important;object-position:center top!important}
 body #votre-projet.first-conversation#votre-projet>.cta-brand-backdrop{background:linear-gradient(#0d48ae,#06154a 50%)!important}
 body #votre-projet.first-conversation#votre-projet .section-kicker{margin-bottom:16px!important}
 body #votre-projet.first-conversation#votre-projet h2{font-size:34px!important;margin:0!important}
 body #votre-projet.first-conversation#votre-projet .conversation-button{font-size:15px!important;padding:14px 18px!important;max-width:100%!important;gap:12px!important}
}
@media(max-width:767px){body #votre-projet.first-conversation#votre-projet .cta-brand-video{object-position:center center!important}body #votre-projet.first-conversation#votre-projet{justify-content:center!important}}
@media(max-width:767px){
 body #votre-projet.first-conversation#votre-projet>.cta-brand-backdrop{background:linear-gradient(180deg,#095bdf 0%,#093d9e 45%,#091049 100%)!important}
 body #votre-projet.first-conversation#votre-projet .cta-brand-video{background:transparent!important;mask-image:linear-gradient(transparent 30%,#000 42%,#000 58%,transparent 70%);-webkit-mask-image:linear-gradient(transparent 30%,#000 42%,#000 58%,transparent 70%)}
}
