/* Cosmologix — page À propos unifiée. Styles limités à main, sans modifier le reste du site. */
body.cx-refined-pages main .cx-about-hero {--cx-ink:#172634;--cx-muted:#586873;--cx-steel:#456b84;--cx-border:#dfe5e9;padding:64px 0 68px; background:var(--cx-paper)!important; border-bottom:1px solid var(--cx-border)}
body.cx-refined-pages main .cx-about-hero .eyebrow {margin-bottom:20px;color:var(--cx-steel)!important}
body.cx-refined-pages main .cx-about-hero h1 {color:var(--cx-ink)!important;text-shadow:none!important;max-width:1000px; font-size:clamp(38px,4.4vw,62px); line-height:1.12; letter-spacing:-.038em; margin-bottom:20px}
body.cx-refined-pages main .cx-about-lead {max-width:870px; font-size:clamp(16px,1.6vw,20px);line-height:1.68;color:#435b68!important}
body.cx-refined-pages main .cx-about-story {padding:66px 0 70px}
.cx-about-split {display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:start;}
.cx-about-profile {position:relative;align-self:start;border:1px solid var(--cx-border);background:var(--cx-white);border-radius:12px;padding:30px 20px 26px;text-align:center;box-shadow:none}
.cx-about-picture {height:216px;width:216px;max-width:100%;margin:0 auto 22px;overflow:hidden;position:relative;border-radius:50%;background:#1d1f23;outline:1px solid #d7e0e6;}
/* Recadrage d'affichage d'une capture d'écran existante (fichier source non altéré). */
.cx-about-picture img {position:absolute;display:block!important;max-width:none!important;width:900px!important;height:auto!important;left:50%;top:50%;transform:translate(-50%,-50%) translateY(29px);}
.cx-about-name {margin:0;color:var(--cx-ink)!important;display:flex;flex-direction:column;gap:2px;font-size:15px!important}
.cx-about-name strong{font-size:19px;font-weight:650;color:var(--cx-ink)!important}
.cx-about-name span {font-size:14px;color:var(--cx-muted)!important}
.cx-about-linkedin {font-size:13px!important;margin-top:18px}
.cx-about-narrative h2 {max-width:720px;margin-bottom:24px}
.cx-about-narrative p {font-size:16px;line-height:1.75;max-width:760px;margin:0 0 19px}
.cx-about-conviction {border-left:3px solid #6a8da6;padding:8px 0 8px 22px;margin-top:29px!important;color:#344a58!important}
.cx-about-conviction strong{font-weight:650}
body.cx-refined-pages main .cx-about-offers {padding:65px 0 74px}
.cx-about-offers h2 {max-width:800px;margin-bottom:18px}
.cx-about-section-lead {max-width:800px; font-size:17px;margin-bottom:28px!important}
.cx-about-offer-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cx-about-offer {border:1px solid #dce3e8;background:var(--cx-white);border-radius:12px;padding:30px 32px 34px;display:flex;flex-direction:column;align-items:flex-start;min-height:262px;}
.cx-about-offer-first {background:#edf3f6;border-color:#b5cad8}
.cx-about-card-index {font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:var(--cx-steel);margin-bottom:22px}
.cx-about-offer h3 {font-size:clamp(23px,2.2vw,31px)!important;margin:0 0 16px;letter-spacing:-.026em;max-width:25ch}
.cx-about-offer p {font-size:15px;line-height:1.7;margin:0 0 25px!important;max-width:650px}
.cx-about-offer .text-link {margin-top:auto}
body.cx-refined-pages main .cx-about-approach {padding:67px 0 72px}
.cx-about-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 28px}
.cx-about-step {padding:21px 0 16px;border-top:1px solid #c7d4dc}
.cx-about-step>span {color:var(--cx-steel);font-size:13px;font-weight:700;letter-spacing:.1em}
.cx-about-step h3 {font-size:24px!important;margin:14px 0 9px}
.cx-about-step p {font-size:15px;line-height:1.7;max-width:31ch}
.cx-about-audience {font-size:16px;line-height:1.75;max-width:1000px;margin-top:30px!important}
.cx-about-examples {display:flex;flex-wrap:wrap;column-gap:30px;row-gap:12px;margin-top:23px}
body.cx-refined-pages main .cx-about-note {padding:20px 0 26px!important;background:var(--cx-paper)!important;border-top:1px solid var(--cx-border)!important}
.cx-about-note p {max-width:1020px;font-size:12.5px!important;line-height:1.65!important;color:var(--cx-muted)!important;margin:0!important}
.cx-about-note strong {color:#415767!important}
body.cx-refined-pages main .cx-about-closing {padding:67px 0 78px!important;background:var(--cx-paper)!important}
.cx-about-closing h2 {margin-bottom:15px}
.cx-about-contact-intro {font-size:17px;max-width:720px}
.cx-about-closing .actions {margin-top:27px}
body.cx-refined-pages main .cx-about-closing a.btn {background:#172e40!important;color:white!important;border-color:#172e40!important}
body.cx-refined-pages main .cx-about-closing a.btn:hover {background:#2d506b!important;border-color:#2d506b!important}
@media (max-width:900px){.cx-about-split{grid-template-columns:210px minmax(0,1fr);gap:32px}.cx-about-profile{padding:22px 14px}.cx-about-picture{width:166px;height:166px}.cx-about-picture img{width:700px!important;transform:translate(-50%,-50%) translateY(23px)}}
@media (max-width:700px){body.cx-refined-pages main .cx-about-hero{padding:40px 0 45px!important}.cx-about-split,.cx-about-offer-grid,.cx-about-steps{grid-template-columns:1fr}.cx-about-split{gap:29px}.cx-about-profile{max-width:100%;padding:22px;display:grid;grid-template-columns:95px minmax(0,1fr);column-gap:18px;align-items:center;text-align:left}.cx-about-picture{width:92px;height:92px;grid-row:1 / span 2;margin:0}.cx-about-picture img{width:390px!important;transform:translate(-50%,-50%) translateY(12px)}.cx-about-name{align-self:end!important;margin-bottom:4px!important}.cx-about-name strong{font-size:17px}.cx-about-linkedin{align-self:start;margin-top:0!important;line-height:1.3}.cx-about-narrative h2{font-size:clamp(28px,7vw,36px);margin-bottom:18px}.cx-about-narrative p{font-size:15px}.cx-about-offer{min-height:0;padding:26px}.cx-about-steps{gap:7px;margin-top:25px}.cx-about-step{padding:15px 0 12px}.cx-about-section-lead,.cx-about-contact-intro{font-size:16px}.cx-about-offer h3{font-size:25px!important}.cx-about-examples{flex-direction:column;align-items:flex-start}.cx-about-closing .actions .btn{width:100%;text-align:center}}
@media (max-width:370px){.cx-about-profile{grid-template-columns:82px minmax(0,1fr);gap:12px;padding:15px}.cx-about-picture{width:80px;height:80px}.cx-about-picture img{width:345px!important}.cx-about-linkedin{font-size:12px!important}}