/* Modernisation 2026 de la page À propos */
html body.parcours-page {
  --about-blue:#f0a66f;
  --about-blue-soft:#f0a66f;
  --about-line:rgba(240,166,111,.28);
}

html body.parcours-page .dp-main{width:min(96%,1640px)!important}

html body.parcours-page .dp-hero{
  margin:24px auto 48px!important;
  padding:clamp(112px,10vw,146px) clamp(24px,5vw,76px) clamp(42px,5vw,66px)!important;
  border-color:rgba(240,166,111,.24)!important;
  border-radius:38px!important;
  background:
    radial-gradient(circle at 82% 24%,rgba(240,166,111,.25),transparent 31%),
    radial-gradient(circle at 18% 92%,rgba(240,166,111,.16),transparent 28%),
    linear-gradient(128deg,rgba(23,16,25,.97),rgba(27,18,28,.9) 58%,rgba(2,8,20,.96))!important;
  box-shadow:0 38px 110px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

html body.parcours-page .dp-hero::before{
  background:linear-gradient(90deg,transparent 49.9%,rgba(240,166,111,.08) 50%,transparent 50.1%),repeating-linear-gradient(115deg,transparent 0 72px,rgba(240,166,111,.025) 73px 74px)!important;
}

html body.parcours-page .dp-eyebrow,
html body.parcours-page .dp-feature-kicker,
html body.parcours-page .dp-heading small,
html body.parcours-page .dp-step time{color:var(--about-blue-soft)!important}

html body.parcours-page .dp-hero h1 span{color:var(--about-blue)!important}

html body.parcours-page .dp-button{
  border-color:var(--about-blue)!important;
  background:linear-gradient(135deg,#f0a66f,#f0a66f)!important;
  box-shadow:0 14px 34px rgba(240,166,111,.27)!important;
}
html body.parcours-page .dp-button--ghost{background:rgba(255,255,255,.035)!important;box-shadow:none!important}

html body.parcours-page .dp-hero-feature{
  display:flex;
  min-height:510px;
  flex-direction:column;
  justify-content:flex-end;
  padding:0!important;
  border-color:rgba(240,166,111,.25)!important;
  border-radius:30px!important;
  background:#1a111b!important;
}

html body.parcours-page .dp-portrait{position:absolute;inset:0;overflow:hidden}
html body.parcours-page .dp-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(23,16,25,.18) 48%,rgba(23,16,25,.98) 82%)}
html body.parcours-page .dp-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.9) contrast(1.04)}
html body.parcours-page .dp-portrait span{position:absolute;z-index:2;right:14px;top:14px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.58);color:#fff;font-size:.58rem;font-weight:800;letter-spacing:.04em}
html body.parcours-page .dp-hero-feature>.dp-feature-kicker,
html body.parcours-page .dp-hero-feature>strong,
html body.parcours-page .dp-feature-grid{margin-left:clamp(22px,3vw,36px);margin-right:clamp(22px,3vw,36px)}
html body.parcours-page .dp-hero-feature>.dp-feature-kicker{z-index:3;margin-bottom:10px}
html body.parcours-page .dp-hero-feature>strong{z-index:3;font-size:clamp(1.1rem,1.55vw,1.45rem)}
html body.parcours-page .dp-feature-grid{z-index:3;margin-top:20px;margin-bottom:clamp(22px,3vw,34px)}
html body.parcours-page .dp-feature-grid span{background:rgba(26,17,27,.76);border-color:rgba(240,166,111,.2);backdrop-filter:blur(10px)}
html body.parcours-page .dp-hero-feature::after{background:rgba(240,166,111,.18)!important}

html body.parcours-page .dp-section{
  border-color:rgba(240,166,111,.18)!important;
  background:linear-gradient(145deg,rgba(25,17,26,.82),rgba(2,8,20,.72))!important;
}
html body.parcours-page .dp-heading{max-width:820px!important}
html body.parcours-page .dp-heading h2{text-transform:none!important;font-size:clamp(2.1rem,4.5vw,4.2rem)!important;letter-spacing:-.045em!important}
html body.parcours-page .dp-heading p{text-transform:none!important;font-size:clamp(.9rem,1.3vw,1.08rem)!important}

html body.parcours-page .dp-timeline{gap:18px!important}
html body.parcours-page .dp-step{
  min-height:390px!important;
  border-color:rgba(240,166,111,.16)!important;
  background:radial-gradient(circle at 94% 4%,rgba(240,166,111,.13),transparent 30%),linear-gradient(145deg,rgba(27,18,28,.97),rgba(23,16,25,.95))!important;
}
html body.parcours-page .dp-step::after{background:radial-gradient(circle at 100% 0,rgba(240,166,111,.22),transparent 68%)!important}
html body.parcours-page .dp-step:hover{border-color:rgba(240,166,111,.5)!important;box-shadow:0 30px 75px rgba(0,0,0,.45),0 0 35px rgba(240,166,111,.1)!important}
html body.parcours-page .dp-brand,
html body.parcours-page .dp-brand--wide{background:linear-gradient(90deg,rgba(240,166,111,.11),rgba(255,255,255,.035) 58%,rgba(255,255,255,.018))!important}
html body.parcours-page .dp-brand::after{background:linear-gradient(90deg,transparent,var(--about-blue))!important}
html body.parcours-page .dp-brand--wordmark small{color:var(--about-blue-soft)!important}
html body.parcours-page .dp-step .dp-description::before{background:linear-gradient(var(--about-blue),rgba(240,166,111,.1))!important}

@media(max-width:980px){
  html body.parcours-page .dp-hero-feature{width:min(100%,620px);min-height:560px;margin-inline:auto}
}
@media(max-width:700px){
  html body.parcours-page .dp-main{width:calc(100% - 18px)!important}
  html body.parcours-page .dp-hero{margin-top:10px!important;padding:96px 16px 24px!important;border-radius:25px!important}
  html body.parcours-page .dp-hero h1{font-size:clamp(2.65rem,13vw,4rem)!important}
  html body.parcours-page .dp-hero-feature{min-height:500px;border-radius:22px!important}
  html body.parcours-page .dp-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}
  html body.parcours-page .dp-feature-grid span{display:block!important;padding:12px 7px!important;text-align:center}
  html body.parcours-page .dp-feature-grid small{font-size:.43rem!important}
  html body.parcours-page .dp-section{padding:42px 12px!important;border-radius:24px!important}
  html body.parcours-page .dp-step{min-height:0!important;padding:102px 21px 24px!important}
  html body.parcours-page .dp-step--dual{min-height:0!important}
}
/* Parcours 2026 : mise en page editoriale premium, contenu conserve. */
body.parcours-page main{width:min(1500px,94vw)!important;margin-inline:auto!important}
body.parcours-page .dp-hero{min-height:min(720px,78vh)!important;padding:clamp(30px,5vw,74px)!important;border:1px solid rgba(240,166,111,.26)!important;border-radius:36px!important;overflow:hidden!important;background:linear-gradient(125deg,rgba(24,16,26,.96),rgba(30,19,30,.88) 54%,rgba(240,166,111,.24))!important;box-shadow:0 45px 120px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.06)!important}
body.parcours-page .dp-hero-inner{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(380px,.72fr)!important;align-items:center!important;gap:clamp(42px,7vw,110px)!important;max-width:1320px!important;margin:auto!important}
body.parcours-page .dp-hero-copy{max-width:760px!important}
body.parcours-page .dp-eyebrow{display:inline-flex!important;align-items:center!important;gap:12px!important;color:#f0a66f!important;letter-spacing:.22em!important}
body.parcours-page .dp-hero h1{max-width:780px!important;margin:.22em 0!important;font-size:clamp(52px,6.5vw,104px)!important;line-height:.88!important;letter-spacing:-.065em!important;text-wrap:balance!important}
body.parcours-page .dp-hero-text{max-width:680px!important;color:rgba(236,244,255,.78)!important;font-size:clamp(17px,1.35vw,22px)!important;line-height:1.75!important}
body.parcours-page .dp-hero-feature{position:relative!important;padding:14px!important;border:1px solid rgba(240,166,111,.3)!important;border-radius:32px!important;background:rgba(23,16,25,.66)!important;box-shadow:0 32px 80px rgba(0,0,0,.48),0 0 55px rgba(240,166,111,.1)!important;backdrop-filter:blur(20px)!important}
body.parcours-page .dp-portrait{aspect-ratio:4/5!important;overflow:hidden!important;border-radius:23px!important;background:#1a111b!important}
body.parcours-page .dp-portrait img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 18%!important;filter:saturate(.94) contrast(1.04)!important}
body.parcours-page .dp-section{margin-top:clamp(48px,8vw,110px)!important;padding:clamp(28px,5vw,70px)!important;border:1px solid rgba(240,166,111,.18)!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(25,17,26,.88),rgba(2,8,20,.78))!important;box-shadow:0 34px 100px rgba(0,0,0,.38)!important}
body.parcours-page .dp-heading{max-width:900px!important;margin:0 auto clamp(36px,6vw,72px)!important;text-align:center!important}
body.parcours-page .dp-heading h2{font-size:clamp(38px,5vw,76px)!important;line-height:.98!important;letter-spacing:-.05em!important;text-wrap:balance!important}
body.parcours-page .dp-timeline{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important}
html body.parcours-page .dp-step{min-height:330px!important;padding:clamp(24px,3vw,38px)!important;border:1px solid rgba(240,166,111,.18)!important;border-radius:26px!important;background:linear-gradient(150deg,rgba(30,20,30,.64),rgba(24,16,25,.9))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important}
body.parcours-page .dp-step:hover{transform:translateY(-6px)!important;border-color:rgba(240,166,111,.5)!important;box-shadow:0 25px 65px rgba(0,0,0,.35),0 0 35px rgba(240,166,111,.1)!important}
body.parcours-page .dp-brand{display:flex!important;align-items:center!important;justify-content:center!important;width:128px!important;height:72px!important;margin-bottom:24px!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important}
body.parcours-page .dp-brand img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
body.parcours-page .dp-step>.dp-brand,
body.parcours-page .dp-step>.dp-brand--wide{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  margin:0 0 28px!important;
  padding:10px 14px!important;
}
body.parcours-page .dp-step::before{
  position:absolute!important;
  inset:24px 26px auto auto!important;
  z-index:1!important;
  margin:0!important;
  color:rgba(240,166,111,.22)!important;
  font-size:clamp(26px,3vw,44px)!important;
  line-height:1!important;
  pointer-events:none!important;
}
body.parcours-page .dp-step>.dp-brand::after{display:none!important}
body.parcours-page .dp-step time{color:#f0a66f!important;letter-spacing:.12em!important}
body.parcours-page .dp-step h3{font-size:clamp(25px,2.2vw,34px)!important;letter-spacing:-.025em!important}
body.parcours-page .dp-description{color:rgba(245,224,213,.7)!important;line-height:1.7!important}
@media(max-width:820px){body.parcours-page main{width:calc(100% - 20px)!important}body.parcours-page .dp-hero{min-height:0!important;padding:24px 18px!important;border-radius:26px!important}body.parcours-page .dp-hero-inner{grid-template-columns:1fr!important;gap:28px!important}body.parcours-page .dp-hero-copy{text-align:center!important}body.parcours-page .dp-eyebrow{justify-content:center!important}body.parcours-page .dp-hero h1{font-size:clamp(46px,16vw,68px)!important}body.parcours-page .dp-hero-feature{max-width:440px!important;margin:auto!important}body.parcours-page .dp-section{padding:28px 14px!important;border-radius:26px!important}body.parcours-page .dp-timeline{grid-template-columns:1fr!important}body.parcours-page .dp-step{min-height:0!important}body.parcours-page .dp-step::before{inset:22px 20px auto auto!important;font-size:30px!important}body.parcours-page .dp-step>.dp-brand,body.parcours-page .dp-step>.dp-brand--wide{max-width:calc(100% - 58px)!important}}

/* Chronologie signature : grandes fiches horizontales, sans numerotation. */
html body.parcours-page .dp-timeline{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
}
html body.parcours-page .dp-timeline::before{display:none!important;content:none!important}
html body.parcours-page .dp-step{
  position:relative!important;
  display:grid!important;
  grid-template-columns:170px minmax(0,1fr)!important;
  column-gap:clamp(28px,4vw,58px)!important;
  row-gap:10px!important;
  align-items:center!important;
  width:calc(100% - clamp(0px,4vw,56px))!important;
  min-height:230px!important;
  margin:0!important;
  padding:clamp(26px,3vw,42px)!important;
  overflow:hidden!important;
  border:1px solid rgba(240,166,111,.22)!important;
  border-radius:30px!important;
  background:linear-gradient(125deg,rgba(29,19,29,.9),rgba(24,16,26,.94) 62%,rgba(34,21,32,.68))!important;
  box-shadow:0 25px 75px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
html body.parcours-page .dp-step:nth-child(even){align-self:flex-end!important;background:linear-gradient(235deg,rgba(30,20,30,.92),rgba(24,16,26,.95) 62%,rgba(31,20,31,.7))!important}
html body.parcours-page .dp-step::before{display:none!important;content:none!important}
html body.parcours-page .dp-step::after{
  content:""!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:3px!important;
  background:linear-gradient(180deg,transparent,#f0a66f 28%,#f0a66f 72%,transparent)!important;
  opacity:.9!important;
}
html body.parcours-page .dp-step:nth-child(even)::after{inset:0 0 0 auto!important}
html body.parcours-page .dp-step:hover{transform:translateY(-4px)!important;border-color:rgba(240,166,111,.5)!important;box-shadow:0 32px 86px rgba(0,0,0,.42),0 0 45px rgba(240,166,111,.1)!important}
html body.parcours-page .dp-step>.dp-brand,
html body.parcours-page .dp-step>.dp-brand--wide{
  grid-column:1!important;
  grid-row:1 / span 6!important;
  align-self:center!important;
  justify-self:center!important;
  position:relative!important;
  inset:auto!important;
  width:160px!important;
  max-width:160px!important;
  height:110px!important;
  margin:0!important;
  padding:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(240,166,111,.2)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(245,224,213,.92))!important;
  box-shadow:0 16px 45px rgba(0,0,0,.28),inset 0 1px 0 #fff!important;
}
html body.parcours-page .dp-step>.dp-brand::after{display:none!important;content:none!important}
html body.parcours-page .dp-step>.dp-brand img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
html body.parcours-page .dp-step>*:not(.dp-brand){grid-column:2!important;position:relative!important;z-index:2!important}
html body.parcours-page .dp-step time{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 3px!important;
  padding:8px 11px!important;
  border:1px solid rgba(240,166,111,.2)!important;
  border-radius:999px!important;
  color:#f0a66f!important;
  background:rgba(240,166,111,.08)!important;
  font-size:10px!important;
  line-height:1.25!important;
  letter-spacing:.1em!important;
}
html body.parcours-page .dp-step h3{margin:2px 0 4px!important;color:#fff!important;font-size:clamp(28px,3vw,43px)!important;line-height:1!important;letter-spacing:-.045em!important}
html body.parcours-page .dp-step .dp-role{margin:0!important;color:#f5e0d5!important;font-size:13px!important;line-height:1.5!important;letter-spacing:.045em!important}
html body.parcours-page .dp-step .dp-description{max-width:760px!important;margin:4px 0 0!important;padding:0!important;color:rgba(245,224,213,.7)!important;font-size:15px!important;line-height:1.7!important}
html body.parcours-page .dp-step .dp-description::before{display:none!important;content:none!important}
html body.parcours-page .dp-step--dual .dp-positions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:8px!important}
html body.parcours-page .dp-step--dual .dp-position{padding:18px!important;border:1px solid rgba(240,166,111,.15)!important;border-radius:18px!important;background:rgba(24,16,26,.58)!important}
html body.parcours-page .dp-step--dual .dp-position time{white-space:normal!important}
@media(max-width:760px){
  html body.parcours-page .dp-step,html body.parcours-page .dp-step:nth-child(even){display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-height:0!important;padding:24px 18px!important;text-align:center!important}
  html body.parcours-page .dp-step>.dp-brand,html body.parcours-page .dp-step>.dp-brand--wide{width:150px!important;max-width:150px!important;height:96px!important;margin-bottom:8px!important}
  html body.parcours-page .dp-step time{width:auto!important;justify-content:center!important;white-space:normal!important}
  html body.parcours-page .dp-step .dp-description{font-size:14px!important}
  html body.parcours-page .dp-step--dual .dp-positions{grid-template-columns:1fr!important;width:100%!important}
}