/* 15 octobre 2026. Une règle de navigation : à gauche, en colonne. */
:root{--rail:208px;--header:0px;--bronze:#dab793;--pine:#181818;--ivory:#f2eee3}
body{background:#0f0f0f}main,.foot{margin-left:var(--rail)}
.top{position:fixed;inset:0 auto 0 0;width:var(--rail);height:100svh;background:#151515f5;border:0;border-right:1px solid #cdcbc822;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:45px;padding:30px 22px;z-index:40;overflow:auto;backdrop-filter:blur(24px)}
.top .logo{display:flex;gap:14px;align-items:center;flex:none}.top .logo-mark{font-size:42px}.top .logo-name{display:block;font-size:19px;line-height:1.2;font-weight:500;letter-spacing:-.025em;text-transform:none}
.rail-content{display:flex;flex-direction:column;gap:35px;flex:1}.chapter-nav{display:none;flex-direction:column;gap:4px}.ready .chapter-nav{display:flex}.chapter-nav a{font-size:20px;line-height:1.3;color:#b8b6b3;padding:12px 0 12px 13px;border-left:1px solid #5a5855;transition:color .3s,border-color .3s,background .3s}.chapter-nav a[aria-current=location]{color:#f4d1ae;border-color:#edc69e;background:linear-gradient(90deg,#a27f4a20,transparent)}
.top .top-right{display:flex;flex-direction:column;gap:23px;align-items:flex-start;margin-top:auto}.top-right a,.top-right .change{font-size:20px;line-height:1.35}.top .book{font-size:20px;padding:13px 16px;border-radius:5px;border:1px solid #908e8b;background:#343434}.top .practical-nav{display:block}.rail-toggle{display:none}
.chooser,.direction{padding-top:0}.chooser{min-height:100svh}.chooser-bg{top:0}.chooser-content{padding-top:90px}.chooser .precision{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.chooser .precision>div{width:100%}.chooser .start{align-self:flex-start;margin:0;min-height:54px;padding:12px 22px;font-size:22px}.family-grid{display:flex;flex-direction:column;align-items:flex-start}.family{font-size:21px}.chooser .privacy,.chooser .job-hint{font-size:20px;line-height:1.5}.chooser-reviews{font-size:21px}.choice-area{align-items:flex-start}
.direction .direction-layout{display:block;padding:85px 0}.direction-heading{max-width:880px}.direction h2{font-size:clamp(54px,5.4vw,86px)}.direction-heading p{font-size:24px;line-height:1.5}.direction-heading .direction-note{font-size:22px;line-height:1.5}.direction-options{display:flex;flex-direction:column;max-width:980px;gap:0;margin:50px 0 0}.direction-options button{border-radius:0;border:0;border-left:2px solid #5c5a57;border-bottom:1px solid #7f7d7a35;background:none;padding:24px 27px;grid-template-columns:40px 1fr 20px;gap:20px;text-align:left}.direction-options button[aria-pressed=true]{background:linear-gradient(90deg,#454545,#25252566);border-left-color:#dfbd94}.direction-options strong{font-size:27px}.direction-options small{font-size:22px;line-height:1.5;margin-top:9px}.direction-options .direction-number{font-size:21px}.direction-context{margin-top:36px;max-width:980px}.direction .situation-options{margin:0;border-top:0;border-bottom:1px solid #6866634d;padding:0 0 24px;color:#e9e7e4}.direction .situation-options>summary{display:flex;justify-content:flex-start;gap:20px;color:#e5c29d;font-size:25px;line-height:1.4;padding:20px 0;list-style:none}.direction .situation-options>summary:after{order:-1;border:1px solid #979592;color:#dec39e;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex:none}.direction .situation-options small{display:block;margin-top:12px;color:#c3c1be;font-size:22px;line-height:1.5}.direction .situation-intro{font-size:22px;line-height:1.55;max-width:820px;margin:12px 0 25px;color:#cdcbc8}.direction .reason-select{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:18px}.direction .reason-button{width:100%;text-align:left;font-size:24px;padding:22px 20px;border-top:1px solid #a4a29f44;color:#e8e6e3}.direction .reason-button small{font-size:22px;color:#c6c4c1}.direction .reason-choice-title{font-size:25px}.direction .situation-response{background:#252525;padding:30px;margin:20px 0;border-left:2px solid #c0a47c;scroll-margin-top:30px}.direction .situation-response h3{font-size:34px;color:#f1dfc5}.direction .situation-response p{font-size:22px;line-height:1.6;color:#d4d2cf;margin-top:20px}.direction #clear-situation{font-size:21px;color:#e3bf96;border:0;background:none;padding:20px 0 0;text-decoration:underline}.journey-continue{margin-top:30px;display:flex;align-items:center;gap:25px;padding:16px 25px;min-height:60px;border:1px solid #d0cecb9c;background:#e3e1de;color:#363636;font-size:23px;border-radius:6px}.journey-continue:disabled{opacity:.35;cursor:not-allowed}
/* Les points du portrait deviennent une commande verticale permanente à gauche. */
#recit .film-stage{min-height:760px;height:100svh}.motion-screen,#recit .story-bg{inset:0 0 0 0}.motion-screen:after{background:linear-gradient(90deg,#0e0e0eed,transparent 75%),linear-gradient(0deg,#0e0e0eb3,transparent 45%)}
#recit .explorer-heading{top:55px;left:4%;max-width:63%}#recit h2{font-size:clamp(46px,5vw,78px)}#recit .story-kicker{font-size:21px}#recit .film-console{left:4%;right:auto;bottom:90px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;width:220px}#recit .portrait-points{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:10px}#recit .portrait-point{font-size:22px;justify-content:flex-start;padding:12px 17px;min-height:58px;border-radius:8px;gap:12px}#recit .point-symbol{font-size:24px}#recit .film-playback{position:relative;right:auto;bottom:auto;width:46px;height:46px}.point-label-full{display:inline}.point-label-short{display:none}#recit .portrait-insight{left:calc(4% + 250px);bottom:90px;width:min(460px,44%);padding:28px;max-height:calc(100svh - 200px)}#recit .portrait-insight h3{font-size:34px}#recit .portrait-insight #insight-copy{font-size:23px}.movie-progress{bottom:35px;left:4%;right:4%}.film-forward{left:4%;bottom:42px;display:none}.portrait-video{object-position:85% 10%}
.possibilities{margin:0}.possibilities-stage{padding-top:0}.possibilities-copy{left:6%;width:min(720px,80%)}.possibilities-copy h2{font-size:clamp(55px,6vw,94px)}.possibilities-copy p{font-size:25px}.possibilities-copy a{display:inline-flex;font-size:23px}
/* Un chapitre métier lisible, ouvert, avec un seul exemple à la fois. */
.project-brief{background:#e8e6e3;color:#2e2e2e;padding:95px 0}.project-brief .brief-shell{max-width:none;width:88%}.project-brief h2{font-size:clamp(50px,5.2vw,83px);max-width:950px}.project-brief .brief-lead{font-size:25px;line-height:1.55;max-width:860px}.project-brief .eyebrow{font-size:20px;line-height:1.5;color:#79573a;letter-spacing:.03em}.experience-example{margin-top:44px;border-top:1px solid #98969366;border-bottom:1px solid #98969366}.experience-example>summary{font-size:26px;line-height:1.4;padding:26px 0;display:flex;justify-content:flex-start;gap:20px;list-style:none}.experience-example>summary:after{order:-1}.example-tabs{display:flex;flex-direction:column;align-items:stretch;gap:0;position:relative;border-bottom:0;margin:0}.example-tabs button{padding:18px 15px;font-size:23px;line-height:1.4;border:0;border-left:2px solid #a4a29f;background:none;text-align:left}.example-tabs button[aria-selected=true]{border-left-color:#835d3c;color:#694524;background:#bfbdba2e}.example-panel{min-width:0;margin-top:0}.example-panel h3{font-size:37px;line-height:1.15;margin-bottom:22px}.example-panel p{font-size:23px;line-height:1.6}.example-panel .example-origin{font-size:21px;line-height:1.55;color:#676562;padding:19px 0;border-top:1px solid #a6a4a177;margin-top:25px}.experience-example .profile-note{font-size:20px;line-height:1.6;color:#5f5d5a;margin-top:28px}.brief-actions{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.brief-actions a,.brief-actions button{font-size:23px;line-height:1.5}.brief-actions button{padding:0}.project-brief #skills{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px;margin:20px 0 30px}
/* Sylvain : un portrait réel et trois angles sur son accompagnement. */
.consultant-cinema{background:#101010;color:#efece1;padding:95px 0 85px;scroll-margin-top:20px;overflow:hidden}.consultant-cinema .shell{width:90%}.consultant-cinema .eyebrow{font-size:20px;letter-spacing:.04em;color:#d2b48d}.consultant-cinema h2{font-size:clamp(51px,5.2vw,82px);line-height:1.04;letter-spacing:-.05em;font-weight:500;margin:27px 0}.consultant-cinema h2 em{color:#d8b68d}.consultant-intro{font-size:25px;line-height:1.5;max-width:850px;color:#c9c6bd}.consultant-scene{position:relative;isolation:isolate;min-height:730px;margin-top:45px;background:#0b0b0b;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:180px minmax(0,1fr);gap:34px;padding:55px 4%;align-items:center;--cx:0px;--cy:0px}.consultant-portrait{position:absolute;inset:0 0 0 43%;z-index:-2;overflow:hidden;background:#242424}.consultant-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 5%;transform:translate(var(--cx),var(--cy)) scale(1.045);filter:none;transition:transform .7s}.consultant-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b0b0b 0%,#0b0b0bbd 20%,transparent 65%),linear-gradient(0deg,#0b0b0bd9,transparent 50%)}.consultant-choices{display:flex;flex-direction:column;align-self:center;gap:0;z-index:3}.consultant-choices button{display:flex;align-items:baseline;gap:13px;text-align:left;font-size:20px;background:#141414a0;border:0;border-left:1px solid #85858580;color:#c3c1be;padding:21px 13px;line-height:1.3}.consultant-choices button span{font-size:24px}.consultant-choices button[aria-selected=true]{color:#f0d2ab;border-left:2px solid #debd90;background:linear-gradient(90deg,#6a60533d,transparent)}.consultant-panel{max-width:600px;align-self:center;padding:10px 0;min-height:400px}.consultant-panel .consultant-number{display:block;font-size:clamp(75px,8vw,135px);line-height:1;letter-spacing:-.06em;color:#dfc096;white-space:nowrap;font-weight:500}.consultant-panel .consultant-number small{font-size:.32em;letter-spacing:-.02em}.consultant-panel h3{font-size:clamp(34px,3.3vw,52px);font-weight:500;line-height:1.1;letter-spacing:-.035em;margin:22px 0;max-width:480px;text-wrap:balance}.consultant-panel p{font-size:23px;line-height:1.55;color:#e8e6e0;max-width:465px;text-shadow:0 1px 15px #050505f0}.consultant-panel .consultant-source{font-size:20px;line-height:1.5;color:#c9c6bf;margin-top:24px;max-width:440px}.consultant-replay{position:absolute;bottom:27px;left:4%;padding:0;background:none;border:0;color:#d4b791;font-size:20px;display:flex;align-items:center;gap:20px}.consultant-specialty{font-size:22px;line-height:1.6;max-width:850px;color:#c6c3bb;margin:35px 0 26px}.consultant-meeting{font-size:23px;line-height:1.5;display:inline-flex;gap:20px;color:#edcca6;border-bottom:1px solid #b1aca266;padding-bottom:12px}.consultant-arrive .consultant-portrait{animation:portrait-unfold 1.7s cubic-bezier(.16,1,.3,1) both}.consultant-arrive .consultant-panel>*{animation:expert-rise 1s both cubic-bezier(.16,1,.3,1)}.consultant-arrive .consultant-panel h3{animation-delay:.15s}.consultant-arrive .consultant-panel p{animation-delay:.3s}.consultant-arrive .consultant-panel .consultant-source{animation-delay:.5s}.consultant-arrive .consultant-number{animation:number-cut 1.2s both cubic-bezier(.16,1,.3,1)}
@keyframes portrait-unfold{from{clip-path:inset(0 0 0 100%);transform:scale(1.06)}to{clip-path:inset(0);transform:scale(1)}}@keyframes expert-rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes number-cut{from{opacity:0;clip-path:inset(100% 0 0);transform:translateY(40px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}
.practical .facts summary{justify-content:flex-start;gap:20px;font-size:25px}.practical .facts summary:after{order:-1}.practical .facts p,.practical .facts li{font-size:22px!important}.practical-grid{grid-template-columns:1fr;gap:45px}.ending .shell{width:88%}.ending .cta{font-size:23px}.ending .shell a{align-self:flex-start}
@media(max-width:1150px){:root{--rail:180px}.top{padding:25px 16px}.top .logo{gap:10px}.top .logo-name{font-size:18px}.chapter-nav a{font-size:20px}.consultant-scene{grid-template-columns:145px 1fr;gap:25px}.consultant-panel p{max-width:400px}.consultant-choices button span{font-size:22px}#recit .portrait-insight{left:calc(4% + 230px);width:48%}#recit .film-console{width:200px}}
@media(max-width:850px){
 :root{--rail:0px;--header:74px}main,.foot{margin-left:0}.top{height:74px;width:100%;inset:0 0 auto;padding:12px 5%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:30px;overflow:visible;background:#151515f5;border-right:0;border-bottom:1px solid #96949138}.top .logo-mark{font-size:35px}.top .logo-name{font-size:17px;line-height:1.05}.rail-toggle{display:flex;align-items:center;gap:12px;padding:9px 0;background:none;border:0;border-bottom:1px solid #b4b2af66;color:#ead6ba;font-size:21px}.rail-content{position:fixed;left:0;top:74px;width:min(350px,92vw);height:calc(100svh - 74px);overflow:auto;padding:24px 28px 30px;background:#1c1c1c;box-shadow:40px 0 70px #0008;display:none;gap:20px}.rail-open .rail-content{display:flex}.chapter-nav{gap:0}.chapter-nav a{font-size:22px;padding:12px 16px}.top .top-right{gap:18px;margin-top:20px}.top-right a,.top-right .change{font-size:22px}.top .book{font-size:22px}.chooser,.direction{padding-top:74px}.chooser-content{padding-top:50px}.chooser-bg{top:74px}.chooser .privacy{font-size:20px}.chooser .precision{gap:20px}.direction .direction-layout{padding:55px 0}.direction-options{margin-top:30px}.direction-options button{padding:22px 15px;grid-template-columns:30px 1fr;gap:15px}.direction-circle{display:none}.direction-options strong{font-size:25px}.direction-options small{font-size:22px}.direction h2{font-size:54px}.direction-heading p{font-size:23px}.direction-context{margin-top:25px}.direction .situation-options>summary{font-size:24px;align-items:flex-start;gap:15px}.direction .situation-options>summary:after{width:32px;height:32px}.direction .situation-options small{font-size:22px}.direction .reason-select .reason-button{padding-left:0}.journey-continue{font-size:23px;padding:16px 20px;gap:15px}.direction .situation-response{padding:25px 20px;scroll-margin-top:90px}.direction .situation-response h3{font-size:31px}
 #recit .film-stage{height:auto;min-height:0;display:flex;flex-direction:column;padding:calc(66svh + 74px) 0 25px}.motion-screen,#recit .story-bg{inset:74px 0 auto;height:66svh}#recit .explorer-heading{top:calc(66svh - 160px);bottom:auto;left:6%;max-width:88%}#recit .story-kicker{font-size:20px;line-height:1.4}#recit h2{font-size:38px;line-height:1.05}#recit .film-console{position:relative;left:auto;right:auto;bottom:auto;width:88%;margin:22px 6% 0;order:1;gap:15px}#recit .portrait-points{display:flex;flex-direction:column;gap:8px}#recit .portrait-point{flex-direction:row;min-height:60px;font-size:23px;padding:12px 18px;justify-content:flex-start;gap:15px;border-radius:8px;text-align:left}#recit .portrait-point span:last-child{font-size:23px}#recit .film-playback{position:relative;left:auto;bottom:auto;right:auto;width:44px;height:44px;margin-top:6px}.point-label-full{display:inline}.point-label-short{display:none}#recit .portrait-insight{position:relative;order:2;left:auto;right:auto;bottom:auto;width:88%;max-height:none;overflow:visible;padding:28px;margin:26px 6% 0}#recit .portrait-insight h3{font-size:32px}#recit .portrait-insight #insight-copy{font-size:22px;line-height:1.55}.movie-progress{display:none}.portrait-video{object-position:100% top}.motion-screen:after{background:linear-gradient(0deg,#0f0f0f,transparent 75%)}
 .possibilities-stage{padding-top:74px}.possibilities-copy{left:6%;width:88%}.possibilities-copy h2{font-size:52px}.possibilities-copy p{font-size:23px;line-height:1.5}.possibilities-copy a{font-size:23px}
 .project-brief{padding:65px 0}.project-brief h2{font-size:48px}.project-brief .brief-lead{font-size:23px}.project-brief #skills{grid-template-columns:1fr;gap:28px}.example-tabs{max-width:100%}.example-tabs button{font-size:23px;padding:16px}.example-panel h3{font-size:33px}.example-panel p{font-size:22px}.experience-example>summary{font-size:24px}.experience-example .profile-note{font-size:20px}.brief-actions a,.brief-actions button{font-size:23px}
 .consultant-cinema{padding:65px 0;scroll-margin-top:74px}.consultant-cinema h2{font-size:46px}.consultant-intro{font-size:23px}.consultant-scene{display:flex;flex-direction:column;align-items:stretch;padding:360px 7% 75px;gap:24px;min-height:0;overflow:hidden}.consultant-portrait{inset:0 0 auto;height:390px;z-index:-1}.consultant-portrait img{object-position:center 12%;object-fit:cover}.consultant-portrait:after{background:linear-gradient(0deg,#0b0b0b,transparent 75%)}.consultant-choices{align-self:stretch;width:100%;margin:0;display:flex;flex-direction:column}.consultant-choices button{padding:17px;font-size:20px;gap:18px}.consultant-choices button span{font-size:24px}.consultant-panel{min-height:460px;max-width:none;padding-top:10px}.consultant-panel .consultant-number{font-size:95px}.consultant-panel h3{font-size:37px}.consultant-panel p{font-size:22px;line-height:1.6;max-width:none}.consultant-panel .consultant-source{font-size:20px}.consultant-specialty{font-size:22px}.consultant-meeting{font-size:23px}.consultant-replay{left:7%;font-size:20px}.practical .facts summary{font-size:24px;line-height:1.4;align-items:start}.practical .facts p{padding-right:0}.practical,.project-brief,#recit{scroll-margin-top:74px}
}
@media(prefers-reduced-motion:reduce){.consultant-cinema *{animation:none!important;transition:none!important}.consultant-portrait img{transform:none!important}.chapter-nav a{transition:none}}

/* Lisibilité et alignement vérifiés après intégration. */
.direction{background:#181818;color:#f0ecdf}.direction h2{color:#f0ecdf}.direction h2 em{color:#d6b18b}.direction-heading .eyebrow{color:#d4b18c}.direction .direction-heading>p:not(.eyebrow){color:#cccac7;font-size:24px;max-width:850px}.direction .direction-heading>p.direction-note{color:#bab8b5;font-size:22px!important}.direction-options{border-top-color:#8e8c8944}.direction-options button{color:#eceae7}.direction-options small{color:#cac8c5}.direction-options button:hover{background:#353535}.direction-options button:hover strong,.direction-options button[aria-pressed=true] strong{color:#eed0a5}.direction-number{color:#d3af84}
.trust.proof-cinema .trust-overview{display:block}.trust.proof-cinema .trust-heading{position:static;margin-bottom:45px}.trust.proof-cinema .trust-numbers{grid-template-columns:220px minmax(0,1fr);gap:0 35px}.trust.proof-cinema .trust-measure-heading{padding-top:26px}.trust.proof-cinema .trust-metrics{width:100%;margin:0}.trust.proof-cinema .trust-score{width:360px}.trust.proof-cinema .trust-google-link{grid-column:1 / -1;justify-self:start}
@media(max-width:850px){.trust.proof-cinema .trust-numbers{grid-template-columns:1fr}.trust.proof-cinema .trust-metrics{grid-column:1;margin-top:25px}.trust.proof-cinema .trust-score{width:min(100%,310px)}.direction .direction-heading>p:not(.eyebrow){font-size:23px}#recit .film-stage:not([data-lens=rest]) .explorer-heading{opacity:1;transform:none}}

.foot{margin-left:0}#experience-detail{scroll-margin-top:24px}
@media(max-width:850px){#experience-detail{scroll-margin-top:92px}}
@media(max-width:700px){#methode .xp-kinetic{display:block}#methode .mk-rail{position:relative;top:auto;margin-bottom:25px}#methode .xp-tab{display:flex;flex-direction:row;align-items:center;gap:20px;padding:18px}#methode .xp-tab-name{font-size:24px}.mk-tab-full{display:inline}.mk-tab-short{display:none}#methode .mk-playback{max-width:180px;margin:18px 0 0;padding:13px 18px;border:1px solid #676562;border-radius:5px;font-size:20px}#methode .mk-panel{min-height:710px;padding:27px}#methode .mk-type{font-size:62px}#methode [data-phase='1'] .mk-type,#methode [data-phase='2'] .mk-type{font-size:46px}.mk-type-caption{font-size:21px}.mk-composition{min-height:360px}#methode .mk-detail{margin-top:10px}}
.trust.proof-cinema .trust-stage-count{display:none}.trust.proof-cinema .trust-stage-title{font-size:24px}.trust.proof-cinema .trust-numbers{grid-template-columns:250px minmax(0,1fr)}.trust.proof-cinema .trust-stage-button{padding-top:22px;padding-bottom:22px}.trust.proof-cinema .trust-stage-nav{padding-top:24px}.trust.proof-cinema .trust-score{width:360px}
@media(max-width:850px){.trust.proof-cinema .trust-numbers{grid-template-columns:1fr}.trust.proof-cinema .trust-score{width:min(100%,310px)}}
#methode .xp-tabs{top:auto}
@media(max-width:700px){.mk-type-caption{display:none}#methode .mk-panel{min-height:620px}.mk-composition{min-height:280px}}

@media(max-width:850px){#recit .film-stage .portrait-video[data-clip=butcher]{object-position:74% top}.mk-stage{scroll-margin-top:92px}}

@media(max-width:850px){.consultant-panel{scroll-margin-top:94px}}

/* Les nouveaux portraits sont chargés à la demande et cadrés sur le visage inspecté. */
.portrait-still{position:absolute;max-width:none;opacity:0;z-index:1;transition:opacity .75s ease;transform-origin:center;pointer-events:none}
.portrait-still.is-current{opacity:1}
@media(prefers-reduced-motion:reduce){.portrait-still{transition:none;transform:none!important}}

/* 15 octobre 2026. Choix directs et libellés centrés dans la navigation verticale. */
.direction-context{margin:30px 0 0}.direction-options{margin-top:28px}
#recit .film-console{width:260px}
#recit .portrait-point{position:relative;justify-content:center;white-space:normal;text-align:center;padding:13px 32px;line-height:1.25;min-height:78px}
#recit .portrait-point .point-symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%)}
#recit .portrait-point .point-label-full{display:block;flex:1;text-align:center}
#recit .portrait-point .point-label-short{display:none}
#recit .portrait-insight{left:calc(4% + 284px);width:min(460px,44%)}
@media(max-width:1150px) and (min-width:701px){#recit .film-console{width:230px}#recit .portrait-insight{left:calc(4% + 250px)}}
@media(max-width:700px){#recit .film-console{width:88%}#recit .portrait-point{min-height:70px}#recit .portrait-insight{left:auto;width:88%}}