header{background:var(--ink);border-bottom:1px solid #4b4e7c;color:white}.header-row{min-height:88px}.brand-logo{width:160px;height:69px;object-fit:contain}.brand{display:block}.brand small{display:none}nav a{font-size:14px}.nav-contact{background:white;color:var(--ink)}.menu-toggle{background:var(--ink);color:white;border-color:#787ba6}.cover{background:var(--ink);color:white;padding:28px 0 44px}.cover .hero-grid{grid-template-columns:1.05fr .95fr;gap:45px}.cover h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(38px,4.8vw,64px);font-weight:300;line-height:1.12;letter-spacing:-1.5px;margin:16px 0 26px}.cover .lead{font-size:24px;font-style:italic;line-height:1.4;margin-bottom:25px;max-width:520px}.cover-photo{border-radius:50%;width:100%;height:385px;object-fit:cover;object-position:54% 50%}.signature{font-size:14px;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:0}.quality-strip{padding:24px 0;border-bottom:1px solid var(--line)}.quality-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.quality-row p{margin:0;font-size:19px}.quality-mark{display:flex;gap:18px;align-items:center;max-width:470px}.quality-mark img{width:170px;height:auto;flex-shrink:0;background:white}.quality-mark p{font-size:12px;line-height:1.4;color:var(--muted);max-width:230px}.pillars{padding:45px 0 65px}.pillars h2{font-size:34px;margin-bottom:30px}.pillar-link{display:block;text-decoration:none;background:var(--soft);border-top:4px solid var(--coral);padding:26px 24px;height:100%;transition:background .2s}.pillar-link:hover{background:#e9e9f4}.pillar-link span{display:block;color:var(--muted);font-size:13px;letter-spacing:2px;margin-bottom:18px}.pillar-link h3{font-size:20px;margin-bottom:17px}.pillar-link p{font-size:15px;color:var(--muted);margin:0}.section-anchor{scroll-margin-top:100px}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.philosophy-grid article{border-top:3px solid var(--coral);padding-top:25px}.philosophy-grid h3{font-size:20px}.cv-grid{display:grid;grid-template-columns:230px 1fr;gap:55px;align-items:start}.cv-grid .portrait{width:100%}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0}.stat{border-top:1px solid var(--line);padding-top:20px}.stat b{display:block;font:34px Georgia,serif;line-height:1.2;margin-bottom:10px}.stat span{font-size:14px;color:var(--muted);display:block}.nps{display:flex;gap:35px;flex-wrap:wrap;padding:25px;background:var(--soft);margin-top:30px}.nps p{margin:0;font-size:15px}.nps b{font-size:25px}.logos{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:center;margin-top:36px}.logos img{max-width:160px;width:100%;height:65px;object-fit:contain;margin:auto}.partners{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px}.partner-card{background:white;padding:30px;border:1px solid var(--line)}.partner-faces{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:26px}.partner-person{width:110px}.partner-person img{width:82px;height:82px;object-fit:cover;border-radius:50%;margin-bottom:12px}.partner-person p{font-size:13px;line-height:1.35;font-weight:700;margin:0;overflow-wrap:anywhere}.partner-card h3{font-size:19px}.partner-card p:last-child{font-size:16px;color:var(--muted);margin-bottom:0}.network-values{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px}.network-values span{font-size:14px;padding:8px 14px;background:#eeeefa}.focus-links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.focus-link{text-decoration:none;border-top:3px solid var(--coral);padding:25px 0}.focus-link h3{font-size:21px}.focus-link p{color:var(--muted);font-size:16px}.focus-link strong{font-size:14px;text-decoration:underline}.footer-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:36px}.footer-brand{background:var(--ink);padding:12px 18px;width:205px;margin-bottom:16px}.footer-grid h3{font-size:15px;margin-bottom:16px}.footer-grid a{display:block;font-size:14px;margin-bottom:9px}.footer-grid p{font-size:14px;color:var(--muted)}.focus-detail{padding:45px 0;border-bottom:1px solid var(--line)}.focus-detail:last-child{border:0}.focus-detail h2{max-width:800px}.case{background:var(--soft);padding:28px;margin-top:25px}.case p:last-child{margin-bottom:0}.cv-sub{margin-top:34px}.pillar-breadcrumb{font-size:14px;margin-bottom:30px}.pillar-breadcrumb a{color:var(--muted)}@media(max-width:1000px){.cover-photo{height:340px}.header-row{gap:15px}nav{gap:15px}.cv-grid{grid-template-columns:200px 1fr;gap:35px}.quality-row p{font-size:17px}.quality-mark img{width:140px}.quality-mark{max-width:410px;gap:14px}.quality-mark p{font-size:12px}}@media(max-width:760px){.cover{padding:22px 0 35px}.cover .hero-grid{grid-template-columns:1fr;gap:28px}.cover .lead{font-size:20px}.cover h1{font-size:40px;margin-top:5px}.cover-photo{height:270px;border-radius:3px}.quality-row{display:block}.quality-row>p{margin-bottom:20px}.quality-mark img{width:150px}.quality-mark p{font-size:12px}.brand-logo{width:138px;height:58px}.header-row{min-height:82px}.pillars{padding:35px 0 40px}.pillar-link{padding:25px}.philosophy-grid,.partners,.focus-links,.cv-grid,.footer-grid{grid-template-columns:1fr}.cv-grid{gap:30px}.cv-grid .portrait{max-width:210px!important;margin:0}.stats{grid-template-columns:1fr;gap:15px}.stat{display:flex;gap:20px;align-items:center}.stat b{min-width:140px;font-size:30px;margin:0}.logos{grid-template-columns:repeat(3,1fr);gap:18px}.logos img{height:50px}.partner-card{padding:25px}.partner-faces{gap:16px}.partner-person{width:85px}.partner-person img{width:75px;height:75px}.network-values{gap:8px}.footer-grid{gap:25px}.focus-links{gap:10px}.quality-row>p{font-size:17px}.cover .signature{font-size:12px}}@media print{.cover{background:white;color:var(--ink)}.cover-photo{height:230px}.partners,.philosophy-grid{grid-template-columns:1fr 1fr}.quality-mark img{width:120px}}
/* V3 : accès directs aux sections et lecture continue. */
.pillar-detail .split{align-items:start;margin-top:30px}.pillar-detail .case{background:white;border:1px solid var(--line)}.pillar-detail:not(.soft) .case{background:var(--soft)}.pillar-detail .eyebrow{max-width:850px}.pillar-detail .quote{font-size:26px;margin-top:12px}.pillars{padding-bottom:45px}.quality-strip{border-top:1px solid var(--line)}
@media(max-width:1050px){.header-row{min-height:82px;flex-wrap:wrap;gap:0;padding:12px 0}.menu-toggle{display:block}nav{width:100%;display:flex;flex-wrap:wrap;padding-top:15px;gap:10px 22px}.js nav:not(.open){display:none}.brand-logo{width:138px;height:58px}}
/* V4 : bandeau réduit et présentation du CV fidèle à la plaquette. */
.quality-strip{padding:12px 0}.quality-strip .quality-row{gap:25px}.quality-strip .quality-row>p{font-size:16px;line-height:1.45}.quality-strip .quality-mark{gap:12px;max-width:440px}.quality-strip .quality-mark img{width:120px}.quality-strip .quality-mark p{font-size:12px;max-width:260px}.quality-strip .quality-row>p br{display:none}
.cv-plaquette{background:#fff3e3}.cv-portrait-row{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.cv-portrait-row .eyebrow{margin-bottom:10px}.cv-portrait{width:140px;height:170px;object-fit:cover}.cv-panels{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.cv-panel,.cv-client-panel{background:white}.cv-panel h2,.cv-client-panel h2{background:#62648d;color:white;font:700 20px/1.4 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.3px;text-align:center;padding:18px 20px;margin:0}.cv-panel-body{padding:30px;font-size:17px;line-height:1.55}.cv-panel-body p{margin-bottom:23px}.cv-activity{padding-left:20px;margin:24px 0 28px}.cv-activity li{margin:3px 0}.cv-panel-body .cv-qualification{margin-bottom:12px}.cv-quality-bottom{display:flex;align-items:start;gap:24px;margin-top:20px}.cv-nps{flex:1;min-width:0}.cv-nps h3{font:700 17px/1.4 Arial,Helvetica,sans-serif;margin-bottom:5px}.cv-nps p{font-size:15px;line-height:1.4;margin-bottom:15px}.cv-nps .cv-nps-note{font-size:12px}.cv-quality-bottom .quality-mark{display:block;max-width:170px;flex:0 0 150px}.cv-quality-bottom .quality-mark img{width:150px}.cv-quality-bottom .quality-mark p{font-size:12px;line-height:1.4;margin:10px 0 0}.cv-source{font-size:12px;color:var(--muted);margin:14px 0 28px}.cv-client-panel .logos{padding:28px;margin:0;grid-template-columns:repeat(5,1fr)}
@media(max-width:1050px){.cv-quality-bottom{display:block}.cv-quality-bottom .quality-mark{margin-top:20px;max-width:270px}.cv-quality-bottom .quality-mark img{width:170px}.cv-panel-body{padding:25px}}
@media(max-width:760px){.quality-strip{padding:12px 0}.quality-strip .quality-row{display:flex;flex-wrap:wrap;gap:12px}.quality-strip .quality-row>p{font-size:14px;margin:0}.quality-strip .quality-mark{max-width:100%;gap:10px}.quality-strip .quality-mark img{width:105px}.quality-strip .quality-mark p{font-size:12px;max-width:250px}.cv-panels{grid-template-columns:1fr;gap:24px}.cv-portrait-row{align-items:center}.cv-portrait{width:110px;height:133px}.cv-panel h2,.cv-client-panel h2{font-size:18px;padding:15px 18px}.cv-panel-body{padding:24px;font-size:16px}.cv-client-panel .logos{grid-template-columns:repeat(3,1fr);padding:20px}.cv-quality-bottom{display:flex;flex-wrap:wrap}.cv-quality-bottom .quality-mark{margin-top:0}.cv-nps{min-width:180px}}

/* V5 : les trois piliers rejoignent le pied de page. */
.footer-grid{grid-template-columns:.95fr 1.25fr 1.25fr 1fr;gap:28px}
@media(max-width:1000px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr;gap:25px}}
/* V6 : transitions plus nettes entre les grandes sections. */
#strategie-rh,#mobilisation-collective{background:#dfe2f2}
#managers-leaders{background:#fff}
#philosophie{background:#292b5c;color:#fff}
#philosophie .eyebrow{color:#fff}
#philosophie .muted{color:#e1e3f3}
#parcours{background:#fff0d9}
#reseau{background:#dfe2f2}
#dimensions{background:#fff}
#dimensions .focus-detail{background:#e7e9f5;padding:36px;margin-top:30px;border:0}
#dimensions .focus-detail:nth-of-type(2){background:#fff0d9}
#dimensions .focus-detail .case{background:#fff}
@media(max-width:760px){#dimensions .focus-detail{padding:28px 22px;margin-top:24px}}
/* V7 : transition professionnelle blanche et pied de page indigo. */
#dimensions #changer-de-metiers{background:#fff}
footer{background:#292b5c;color:#fff;border-top:0;margin-top:0}
footer .footer-grid p,footer .draft{color:#e1e3f3}
footer .draft{border-color:#62648d}
footer a:hover{color:#ffb1a7}

/* V8 : menu harmonisé et bloc Qualiopi complet sur fond blanc. */
nav{gap:18px}nav a{line-height:1.35}.header-row .brand{flex-shrink:0}
.quality-mark,.quality-strip .quality-mark,.cv-quality-bottom .quality-mark{display:flex;flex-direction:column;align-items:stretch;gap:8px;background:#fff;padding:12px;width:240px;max-width:100%;flex-shrink:0}
.quality-mark img,.quality-strip .quality-mark img,.cv-quality-bottom .quality-mark img{display:block;width:100%;height:auto;object-fit:contain}
.quality-mark p,.quality-strip .quality-mark p,.cv-quality-bottom .quality-mark p{margin:0;max-width:none;font:11px/1.4 Arial,Helvetica,sans-serif;color:#000;text-align:left}
.quality-mark strong{display:block;margin-top:3px;font-weight:700}
.quality-strip .quality-row>p{max-width:600px}
@media(min-width:1051px) and (max-width:1200px){.header-row{min-height:82px;flex-wrap:wrap;gap:0;padding:12px 0}.menu-toggle{display:block}nav{width:100%;display:flex;flex-wrap:wrap;padding-top:15px;gap:10px 22px}.js nav:not(.open){display:none}}
@media(max-width:760px){.quality-strip .quality-row>p{margin-bottom:16px}.cv-quality-bottom{flex-wrap:wrap}.cv-quality-bottom .quality-mark{width:240px;max-width:100%}}

/* V9 : trois intitulés complets sur deux lignes. */
nav .nav-pillar{white-space:nowrap;line-height:1.45}
.quality-mark p,.quality-strip .quality-mark p,.cv-quality-bottom .quality-mark p{text-align:left;padding-left:5.1%}
@media(min-width:1201px){header .wrap{max-width:1440px}.header-row{gap:18px}nav{gap:16px}nav a{font-size:13px}.brand-logo{width:150px}}

/* V10 : accueil rapproché du logo et menu aligné sur la première ligne. */
nav .nav-philosophy{white-space:nowrap;line-height:1.45}
@media(min-width:1201px){.header-row{justify-content:flex-start;gap:16px}nav{flex:1;justify-content:space-between;align-items:flex-start;gap:16px}nav .nav-home{align-self:flex-start;line-height:1.45}nav .nav-contact{align-self:center}}

/* V11 : menu groupé à droite, espace supplémentaire après Accueil. */
@media(min-width:1201px){.header-row{justify-content:space-between;gap:24px}nav{flex:0 1 auto;justify-content:flex-end;gap:16px}nav .nav-home{margin-right:18px}}

/* V12 : respiration autour du lien philosophie. */
@media(min-width:1201px){nav .nav-philosophy{margin-left:12px;margin-right:12px}}

/* V14 : photo d’accueil entière sur mobile, sans recadrage. */
@media screen and (max-width:760px){.cover .cover-photo{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:3px}}

/* V15 : ovale élargi et cadrage à droite pour les quatre personnes. */
@media screen and (min-width:761px){.cover .cover-photo{width:100%;height:auto;aspect-ratio:1.7 / 1;object-fit:cover;object-position:100% 50%;border-radius:50%}}

/* V16 : cinq visages complets dans la lucarne, photo entière sur mobile. */
.cover-photo-frame{position:relative;overflow:hidden;isolation:isolate}
.cover-photo-backdrop{display:none}
@media screen and (min-width:761px){
.cover-photo-frame{aspect-ratio:1.45 / 1;border-radius:50%}
.cover-photo-frame .cover-photo-backdrop{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(10px);transform:scale(1.08);z-index:-1}
.cover .cover-photo-frame .cover-photo{position:absolute;bottom:0;left:4%;width:92%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center bottom;border-radius:0}
}
@media screen and (max-width:760px){.cover-photo-frame{overflow:visible}.cover .cover-photo-frame .cover-photo{position:static;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:3px}}
