/* Copie isolée de assets/css/section3.css de la homepage. Adaptation Immersion. */


#parcours{
  
  --s3-fond:#10243E;
  --s3-fond-2:#0C1C31;
  --s3-navy:#0B1D33;
  --s3-slate:#1F3656;
  --s3-steel:#38587A;
  --s3-ivoire:#F3F1ED;
  --s3-brume:#D9DEE6;
  --s3-sage:#A7B7AE;
  --s3-or:#C5A96A;

  --s3-txt-2:rgba(217,222,230,.74);
  --s3-txt-3:rgba(217,222,230,.48);
  --s3-line:rgba(217,222,230,.16);

  --s3-wrap:1440px;
  --hinge2-h:78px;

  
  --s3-radius:16px;
  --s3-shadow:0 28px 56px -30px rgba(0,0,0,.78);
}


.ip-s3 img{height:auto}

.ip-rv3{opacity:0;transform:translateY(22px);transition:opacity 1s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform 1s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.ip-rv3.ip-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ip-rv3{opacity:1;transform:none;transition:none}}


.ip-hinge2{
  position:relative;z-index:1;
  height:var(--hinge2-h);margin-bottom:-1px;
  background:linear-gradient(180deg,
      rgb(11,29,51)    0%,
      rgb(11,29,52)  12.5%,
      rgb(12,30,53)   25%,
      rgb(13,31,54)  37.5%,
      rgb(14,33,57)   50%,
      rgb(14,34,59)  62.5%,
      rgb(15,35,60)   75%,
      rgb(16,36,62)  87.5%,
      rgb(16,36,62)  100%);
}


.ip-s3{
  position:relative;
  background:linear-gradient(172deg,var(--s3-fond) 0%,#122748 46%,var(--s3-fond-2) 100%);
  color:var(--s3-ivoire);
  padding:64px 0 50px;
  overflow:hidden;
}
.ip-s3__field{position:absolute;inset:0;pointer-events:none}
.ip-s3__grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 46%,#000 6%,transparent 80%);
  mask-image:radial-gradient(120% 90% at 50% 46%,#000 6%,transparent 80%);
}
.ip-s3__glow{
  position:absolute;left:50%;top:52%;width:min(124vw,1680px);aspect-ratio:4.2;
  transform:translate(-50%,-50%) rotate(-9deg);
  background:radial-gradient(ellipse,rgba(56,88,122,.40) 0%,rgba(56,88,122,.13) 42%,transparent 68%);
}
.ip-wrap3{position:relative;z-index:1;width:100%;max-width:var(--s3-wrap);margin-inline:auto;padding-inline:var(--pad)}


.ip-s3__head{margin-bottom:calc(clamp(2.1rem,3vw,3rem) - 20px)}
.ip-s3__title{font-size:clamp(2.1rem,1.15rem + 2.6vw,3.35rem)}
.ip-s3__title{
  margin:0 0 .55rem;
  font-size:clamp(2.15rem,1.2rem + 2.6vw,3.5rem);
  line-height:1.03;letter-spacing:-.024em;color:var(--s3-ivoire);
}

.ip-mot{position:relative;display:inline-block;white-space:nowrap}

.ip-mot::before{
  content:"";position:absolute;left:50%;top:48%;
  width:119%;height:130%;
  transform:translate(-50%,-50%) rotate(-1.3deg);
  border-radius:49% 51% 44% 56% / 58% 42% 58% 42%;
  background:radial-gradient(64% 78% at 46% 44%,
    rgba(167,183,174,.34), rgba(167,183,174,.19) 58%, rgba(167,183,174,.07) 100%);
  box-shadow:0 0 34px -4px rgba(167,183,174,.26);
  pointer-events:none;z-index:-2;
}
.ip-mot__ring{
  position:absolute;left:50.5%;top:47.5%;
  
  width:126%;height:145%;max-width:none;
  transform:translate(-50%,-50%) rotate(-1.3deg);
  fill:var(--s3-sage);opacity:.66;
  pointer-events:none;z-index:-1;overflow:visible;
}

.ip-ring__reveal{stroke-dasharray:1;stroke-dashoffset:1}
.ip-mot__ring.ip-is-drawn .ip-ring__reveal{
  transition:stroke-dashoffset 1050ms cubic-bezier(.22,.61,.36,1);
  stroke-dashoffset:0;
}
@media (prefers-reduced-motion:reduce){
  .ip-ring__reveal{stroke-dashoffset:0}
  .ip-mot__ring.ip-is-drawn .ip-ring__reveal{transition:none}
}

.ip-s3__sub{
  margin:0;max-width:56ch;
  font-size:clamp(.98rem,.92rem + .3vw,1.12rem);line-height:1.5;
  color:var(--s3-txt-3);
}


.ip-scene{
  position:relative;width:100%;max-width:1320px;margin-inline:auto;
  
  aspect-ratio:1320/636;
}
.ip-scene > *{position:absolute;left:var(--x);top:var(--y);width:var(--w)}

.ip-anchor--a{--x:0%;      --y:80.7%;  --w:210px}   
.ip-diag     {--x:3.03%;   --y:7.99%;  --w:330px}   
.ip-fan      {--x:22.80%;  --y:68.23%; --w:320px}   
.ip-visio    {--x:33.79%;  --y:6.5%;   --w:355px}
.ip-spar     {--x:52.73%;  --y:64.3%;  --w:260px}
.ip-sheet    {--x:67.12%;  --y:8.6%;   --w:300px}

.ip-anchor--b{--x:79.24%;  --y:63.0%;  --w:215px}   


.ip-scene__path{position:absolute;inset:0;width:100%;height:100%;left:0;top:0;overflow:visible;transform:translateY(10px)}

.ip-trace{
  fill:none;stroke:rgba(222,233,242,.68);stroke-width:1.4;stroke-linecap:round;
  stroke-dasharray:1;stroke-dashoffset:1;
}
.ip-scene--go .ip-trace{animation:tirer 2.3s cubic-bezier(.32,.06,.2,1) forwards}
@keyframes tirer{to{stroke-dashoffset:0}}


.ip-stop{
  fill:var(--s3-fond);stroke:rgba(196,212,226,.6);stroke-width:1.3;
  opacity:0;transition:opacity .45s ease var(--sd,0s);
}
.ip-scene--go .ip-stop{opacity:1}
.ip-stop--a{stroke:rgba(196,212,226,.44)}
.ip-stop--b{fill:var(--s3-sage);stroke:rgba(167,183,174,.92);stroke-width:1.7}

.ip-halo{fill:none;stroke:var(--s3-or);stroke-width:1;opacity:0;transform-box:fill-box;
      transform-origin:center;transform:scale(.5);
      transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.ip-stop.ip-is-on{stroke:var(--s3-or);stroke-width:1.8;fill:rgba(197,169,106,.22)}
.ip-stop--b.ip-is-on{fill:var(--s3-or)}
.ip-halo.ip-is-on{opacity:.5;transform:scale(1)}

@media (prefers-reduced-motion:reduce){
  .ip-trace{stroke-dashoffset:0}
  .ip-scene--go .ip-trace{animation:none}
  .ip-stop{opacity:1;transition:none}
  .ip-halo{transition:none}
}


.ip-tag{
  margin:0;display:flex;align-items:center;gap:.44rem;
  font-size:.665rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:var(--s3-sage);
}
.ip-tag::before{
  content:"";width:6px;height:6px;flex:none;background:currentColor;
  clip-path:polygon(0 0,50% 0,50% 50%,100% 50%,100% 100%,50% 100%,50% 50%,0 50%);
}
.ip-tag__sep{width:14px;height:1px;background:currentColor;opacity:.45}
.ip-sub{margin:.34rem 0 0;font-size:.775rem;line-height:1.42;color:rgba(217,222,230,.56)}


.ip-station{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ip-station.ip-is-on{transform:translateY(-3px)}
.ip-station.ip-is-on .ip-tag{color:var(--s3-or)}
@media (prefers-reduced-motion:reduce){.ip-station{transition:none}.ip-station.ip-is-on{transform:none}}



.ip-anchor__lb{
  margin:0 0 .6rem;display:flex;align-items:center;gap:.55rem;
  font-size:.78rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;
  color:rgba(217,222,230,.88);
}
.ip-anchor__lb::before{content:"";width:18px;height:1.5px;flex:none;background:currentColor;opacity:.7}
.ip-anchor__txt{
  margin:0;font-size:.93rem;line-height:1.55;color:var(--s3-txt-2);
  padding-left:.95rem;border-left:1px solid var(--s3-line);
}
.ip-anchor__txt b{font-weight:400;color:var(--s3-ivoire)}
.ip-anchor--a .ip-anchor__txt{color:rgba(217,222,230,.56)}
.ip-anchor--a .ip-anchor__txt b{color:rgba(243,241,237,.86)}
.ip-anchor--b .ip-anchor__lb{color:#C2D3C7}
.ip-anchor--b .ip-anchor__txt{color:rgba(233,238,243,.94);border-left-color:rgba(167,183,174,.58)}
.ip-anchor--b .ip-anchor__txt b{color:var(--s3-sage);font-weight:500}
.ip-anchor--b::before{
  content:"";position:absolute;left:-28%;top:-42%;width:158%;height:200%;
  background:radial-gradient(ellipse,rgba(167,183,174,.15),transparent 66%);
  pointer-events:none;z-index:-1;
}
.ip-anchor.ip-is-on .ip-anchor__lb{color:var(--s3-or)}


.ip-diag{margin:0}
.ip-diag .ip-tag{margin-bottom:.2rem}
.ip-sub--diag{margin:.3rem 0 .72rem}
.ip-diag__in{
  padding:.95rem 1.05rem 1.05rem;border-radius:var(--s3-radius);
  background:linear-gradient(158deg,rgba(243,241,237,.10),rgba(243,241,237,.042));
  border:1px solid rgba(243,241,237,.155);
  -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
  box-shadow:var(--s3-shadow);
}

.ip-diag__rap{
  display:flex;align-items:center;gap:.5rem;
  margin:.6rem 0 0;padding-top:.52rem;
  border-top:1px solid rgba(243,241,237,.13);
}
.ip-rap__doc{position:relative;flex:none;display:block;width:26px;height:32px}
.ip-rap__b1,.ip-rap__p{
  position:absolute;left:0;right:0;top:0;bottom:0;border-radius:4px;
  background:#EFEDE7;border:1px solid rgba(11,29,51,.16);
}
.ip-rap__b1{left:4px;top:3px;right:-4px;bottom:-3px;opacity:.4;transform:rotate(3.2deg)}
.ip-rap__p{
  background:#F7F6F2;padding:4px 4px 0;overflow:hidden;
  box-shadow:0 6px 12px -6px rgba(0,0,0,.6);
}
.ip-rap__hd{display:block;height:2.5px;width:66%;border-radius:1.5px;background:rgba(11,29,51,.46);margin-bottom:4px}
.ip-rap__l{display:block;height:1.5px;border-radius:1px;background:rgba(11,29,51,.2);margin-bottom:3px}
.ip-rap__l--c{width:58%}
.ip-rap__txt{display:block;min-width:0;font-size:.645rem;line-height:1.35;color:var(--s3-txt-3)}
.ip-rap__txt b{
  display:block;font-weight:500;font-size:.585rem;letter-spacing:.13em;
  text-transform:uppercase;color:var(--s3-sage);margin-bottom:.1rem;
}

.ip-diag__lb{
  margin:0 0 .34rem;font-size:.575rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--s3-txt-3);
}
.ip-diag__lb + .ip-diag__tags{margin-bottom:.62rem}
.ip-diag__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.ip-diag__tags li{font-size:.705rem;line-height:1;padding:.33rem .56rem;border-radius:5px;white-space:nowrap}

.ip-diag__tags--fort li{color:#BDCDC2;border:1px solid rgba(167,183,174,.46);background:rgba(167,183,174,.11)}
.ip-diag__tags--faible li{color:#D3A48C;border:1px solid rgba(201,119,90,.46);background:rgba(201,119,90,.11)}
.ip-diag__prio{
  display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;
  margin:.9rem 0 0;padding:.58rem .7rem .62rem;border-radius:9px;
  background:var(--s3-ivoire);
  box-shadow:0 12px 26px -14px rgba(0,0,0,.62);
}

.ip-diag__prio-lb{
  display:flex;align-items:center;gap:.55rem;
  font-size:.565rem;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(11,29,51,.5);
}
.ip-diag__mark{
  width:9.5px;height:9.5px;flex:none;
  fill:var(--s3-or);opacity:.88;
  transform:translateY(-.5px);
}
.ip-diag__prio-txt{font-family:var(--serif);font-size:1rem;line-height:1.1;color:var(--s3-navy)}


.ip-fan{margin:0}
.ip-fan__list{position:relative;height:152px;margin:0 0 .66rem;padding:0;list-style:none}
.ip-cov{
  position:absolute;top:0;width:104px;aspect-ratio:1;border-radius:11px;overflow:hidden;
  border:1px solid rgba(243,241,237,.15);
  box-shadow:0 22px 44px -22px rgba(0,0,0,.8);
  transform-origin:50% 100%;
  transition:transform .55s cubic-bezier(.2,.8,.2,1);
}

.ip-cov--front{
  width:118px;z-index:5;
  border-color:rgba(243,241,237,.24);
  box-shadow:0 26px 52px -20px rgba(0,0,0,.86);
}
.ip-cov img{width:100%;height:100%;object-fit:cover;display:block}
.ip-cov:nth-child(1){left:0;    top:26px; transform:rotate(-9deg);   z-index:1}
.ip-cov:nth-child(2){left:56px; top:10px; transform:rotate(-4deg);   z-index:2}
.ip-cov:nth-child(3){left:216px;top:10px; transform:rotate(6deg);    z-index:2}
.ip-cov:nth-child(4){left:112px;top:0;    transform:rotate(0deg);    z-index:5}
.ip-fan.ip-is-on .ip-cov,.ip-fan:hover .ip-cov{transform:rotate(0) translateY(-4px)}
.ip-fan.ip-is-on .ip-cov:nth-child(1),.ip-fan:hover .ip-cov:nth-child(1){transform:rotate(-10.5deg) translateY(-6px)}
.ip-fan.ip-is-on .ip-cov:nth-child(3),.ip-fan:hover .ip-cov:nth-child(3){transform:rotate(7.5deg) translateY(-6px)}
.ip-tag--fan{padding-left:0}
.ip-fan .ip-sub{padding-left:0;max-width:270px}


.ip-visio{margin:0}
.ip-visio__win{
  padding:10px;border-radius:var(--s3-radius);
  background:linear-gradient(152deg,rgba(31,54,86,.95),rgba(11,29,51,.97));
  border:1px solid rgba(243,241,237,.16);
  box-shadow:var(--s3-shadow);
  margin-bottom:.7rem;
}
.ip-visio__hd{
  display:flex;align-items:center;gap:.42rem;margin:.05rem 0 .5rem .14rem;
  font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;
  color:rgba(217,222,230,.64);
}

.ip-visio__hd{color:rgba(232,237,242,.82)}
.ip-visio__live{
  position:relative;width:7px;height:7px;border-radius:50%;background:#E2574A;flex:none;
  animation:battement 1.7s ease-in-out infinite;
}
.ip-visio__live::after{
  content:"";position:absolute;inset:-3px;border-radius:50%;
  border:1px solid rgba(226,87,74,.55);
  animation:onde 1.7s ease-out infinite;
}
@keyframes battement{0%,100%{opacity:1}52%{opacity:.35}}
@keyframes onde{0%{transform:scale(.7);opacity:.8}70%,100%{transform:scale(1.55);opacity:0}}
@media (prefers-reduced-motion:reduce){
  .ip-visio__live,.ip-visio__live::after{animation:none}
  .ip-visio__live::after{opacity:.5;transform:none}
}

.ip-visio__main{position:relative;display:block;aspect-ratio:1100/620}
.ip-visio__main > img{
  width:100%;height:100%;object-fit:cover;display:block;
  border-radius:10px;background:#16283E;
}



.ip-visio__crew{
  position:absolute;right:9px;top:9px;width:42%;
  display:block;border-radius:7px;overflow:hidden;
  border:1px solid rgba(8,15,26,.9);
  box-shadow:0 8px 20px -7px rgba(0,0,0,.88);
}
.ip-visio__crew img{width:100%;height:auto;display:block}



.ip-visio__share{
  position:absolute;left:10px;bottom:-14px;width:34%;aspect-ratio:1;
  border-radius:8px;overflow:hidden;background:#EDEFF3;
  border:2px solid rgba(243,241,237,.9);
  box-shadow:0 12px 26px -10px rgba(0,0,0,.75);
}
.ip-visio__share img{width:100%;height:100%;object-fit:cover;display:block}
.ip-visio__cap{
  margin:34px 0 0;font-size:.69rem;line-height:1.35;color:rgba(217,222,230,.66);
}


.ip-spar{margin:0}
.ip-spar .ip-tag{margin-bottom:.2rem}
.ip-spar .ip-sub{margin:.24rem 0 .78rem}
.ip-spar__in{
  padding:.9rem .95rem .95rem;border-radius:var(--s3-radius);
  background:linear-gradient(150deg,rgba(243,241,237,.09),rgba(243,241,237,.036));
  border:1px solid rgba(243,241,237,.145);
  -webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);
  box-shadow:var(--s3-shadow);
}
.ip-spar__duo{display:flex;align-items:center;gap:.5rem}
.ip-spar__p{
  display:block;flex:1 1 0;min-width:0;border-radius:10px;overflow:hidden;
  aspect-ratio:1;background:#16283E;border:1px solid rgba(243,241,237,.13);
}
.ip-spar__p img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}

.ip-spar__link{
  position:relative;flex:none;width:52px;height:1px;overflow:visible;
  background:repeating-linear-gradient(90deg,rgba(196,212,226,.45) 0 3px,transparent 3px 8px);
}

.ip-spar__seed{
  position:absolute;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;
  background:var(--s3-sage);opacity:0;
}
.ip-spar__seed--g{left:-1px;  animation:filer-d 4.4s cubic-bezier(.4,0,.5,1) infinite}
.ip-spar__seed--d{right:-1px; animation:filer-g 4.4s cubic-bezier(.4,0,.5,1) infinite}
@keyframes filer-d{
  0%{transform:translateX(0);opacity:0}
  8%{opacity:.95}
  34%{transform:translateX(23px);opacity:.95}
  42%,100%{transform:translateX(23px);opacity:0}}
@keyframes filer-g{
  0%{transform:translateX(0);opacity:0}
  8%{opacity:.95}
  34%{transform:translateX(-23px);opacity:.95}
  42%,100%{transform:translateX(-23px);opacity:0}}
.ip-spar__link::after{
  content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;
  margin:-4.5px 0 0 -4.5px;border-radius:50%;
  background:var(--s3-fond);border:1px solid var(--s3-sage);
  animation:rencontre 4.4s ease-in-out infinite;
}
@keyframes rencontre{
  0%,32%{transform:scale(1);border-color:rgba(167,183,174,.6);background:var(--s3-fond)}
  40%{transform:scale(1.55);border-color:var(--s3-or);background:rgba(197,169,106,.4)}
  58%,100%{transform:scale(1);border-color:rgba(167,183,174,.6);background:var(--s3-fond)}}
.ip-spar__ping{
  position:absolute;left:50%;top:50%;width:9px;height:9px;
  margin:-4.5px 0 0 -4.5px;border-radius:50%;
  border:1px solid rgba(197,169,106,.7);opacity:0;
  animation:onde-appariement 4.4s ease-out infinite;
}
.ip-spar__ping:nth-of-type(2){animation-delay:.22s}
@keyframes onde-appariement{
  0%,36%{transform:scale(1);opacity:0}
  40%{opacity:.7}
  74%,100%{transform:scale(3.8);opacity:0}}

.ip-spar__p{animation:apparie 4.4s ease-in-out infinite}
@keyframes apparie{
  0%,40%{box-shadow:0 0 0 0 rgba(167,183,174,0)}
  52%,72%{box-shadow:0 0 0 1.5px rgba(167,183,174,.72)}
  86%,100%{box-shadow:0 0 0 0 rgba(167,183,174,0)}}
@media (prefers-reduced-motion:reduce){
  .ip-spar__seed,.ip-spar__ping{animation:none;opacity:0}
  .ip-spar__link::after,.ip-spar__p{animation:none}}
.ip-spar__meta{display:flex;justify-content:center;margin:.8rem 0 0;padding:0;list-style:none}
.ip-spar__meta li{
  font-size:.685rem;line-height:1;padding:.34rem .6rem;border-radius:5px;
  color:var(--s3-sage);border:1px solid rgba(167,183,174,.42);
}


.ip-sheet{margin:0}
.ip-sheet__back{
  position:absolute;left:18px;top:30px;right:-18px;height:150px;border-radius:11px;
  background:#E7E4DC;border:1px solid rgba(11,29,51,.12);
  box-shadow:0 18px 34px -24px rgba(0,0,0,.7);
  transform:rotate(3.6deg);opacity:.4;
}
.ip-sheet__mid{
  position:absolute;left:8px;top:24px;right:-9px;height:170px;border-radius:11px;overflow:hidden;
  background:#F1EFE9;border:1px solid rgba(11,29,51,.13);
  box-shadow:0 18px 34px -22px rgba(0,0,0,.72);
  transform:rotate(1.8deg);opacity:.75;
}
.ip-sheet__mid img{width:50%;display:block;margin:12px 0 0 13px;opacity:.85;filter:contrast(1.06) saturate(.85)}
.ip-sheet__page{
  position:relative;margin-top:22px;padding:.78rem .84rem .86rem;border-radius:var(--s3-radius);
  background:#F7F6F2;border:1px solid rgba(11,29,51,.14);
  box-shadow:0 30px 54px -26px rgba(0,0,0,.82);
  transform:rotate(-.9deg);
}
.ip-sheet__hd{
  display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:0 0 .55rem;
  font-size:.605rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(11,29,51,.52);
}

.ip-sheet__pill{
  padding:.2rem .48rem;border-radius:5px;letter-spacing:.1em;
  background:rgba(31,54,86,.085);border:1px solid rgba(31,54,86,.24);color:#28425F;
}
.ip-sheet__pl{display:block;width:100%;border-radius:3px;filter:contrast(1.08) saturate(.9)}
.ip-sheet__note{
  display:flex;align-items:flex-start;gap:.46rem;
  margin:.6rem 0 0;padding-top:.5rem;border-top:1px solid rgba(11,29,51,.12);
  font-size:.725rem;line-height:1.35;color:rgba(11,29,51,.6);
}
.ip-sheet__pen{width:12px;height:1px;flex:none;margin-top:.5rem;background:var(--s3-sage)}
.ip-tag--sheet{margin-top:.85rem}



.ip-s3__partiel{
  position:relative;z-index:1;
  max-width:660px;margin:clamp(1.4rem,2.1vw,2rem) auto 0;
  font-size:.735rem;line-height:1.5;text-align:center;
  color:rgba(217,222,230,.4);
}





@media (max-width:1439px){
  .ip-s3{padding:62px 0 54px}
  .ip-scene{max-width:none;aspect-ratio:auto;
         display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
         gap:clamp(2rem,3.6vw,3rem);align-items:start}
  .ip-scene > *{position:relative;left:auto;top:auto;width:auto}
  .ip-scene__path{display:none}
  .ip-anchor--b::before{display:none}
  
  .ip-anchor--a{grid-column:1;grid-row:1;align-self:start;margin-top:46px}
  .ip-anchor--b{grid-column:2;grid-row:1;justify-self:end;max-width:300px}
  .ip-diag{grid-column:1 / -1;grid-row:2;max-width:400px}
  .ip-diag__in{transform:none}
  .ip-fan{grid-column:1 / -1;grid-row:3}
  .ip-fan__list{height:196px;width:300px;max-width:100%;margin-inline:auto}
  .ip-cov{width:118px}
  .ip-cov--front{width:134px}
  .ip-cov:nth-child(1){left:0;    top:28px}
  .ip-cov:nth-child(2){left:62px; top:10px}
  .ip-cov:nth-child(3){left:182px;top:10px}
  .ip-cov:nth-child(4){left:90px; top:0}
  .ip-tag--fan{padding-left:0;justify-content:center}
  .ip-fan .ip-sub{padding-left:0;margin-inline:auto;text-align:center;max-width:300px}
  .ip-visio{grid-column:1;grid-row:4;max-width:420px}
  .ip-spar{grid-column:2;grid-row:4;max-width:300px;align-self:center}
  .ip-spar__in{transform:none}
  .ip-sheet{grid-column:1 / -1;grid-row:5;max-width:380px}
  .ip-sheet__page{transform:none;margin-top:18px}
}


@media (max-width:767px){
  #parcours{--hinge2-h:56px}
  .ip-s3br{display:none}
  .ip-s3{padding:50px 0 52px}
  .ip-scene{grid-template-columns:minmax(0,1fr);gap:2.1rem;padding-left:26px}

  
  .ip-station{position:relative}
  .ip-station::before{
    content:"";position:absolute;left:-19px;top:10px;
    width:1px;height:calc(100% + 2.4rem);
    background:rgba(196,212,226,.28);
  }
  .ip-anchor--b::before{display:none}
  .ip-station::after{
    content:"";position:absolute;left:-23px;top:5px;
    width:9px;height:9px;border-radius:50%;
    background:var(--s3-fond);border:1px solid rgba(196,212,226,.55);
  }
  .ip-anchor--a::after{border-color:rgba(196,212,226,.4)}
  .ip-anchor--b::after{
    background:var(--s3-sage);border-color:rgba(167,183,174,.9);border-width:1.5px;
  }
  
  .ip-station.ip-is-on::after{border-color:var(--s3-or);background:rgba(197,169,106,.28)}
  .ip-anchor--b.ip-is-on::after{background:var(--s3-or)}
  .ip-anchor--a{grid-column:1;grid-row:1;align-self:start;margin-top:0}
  .ip-diag{grid-column:1;grid-row:2;max-width:none}
  .ip-fan{grid-column:1;grid-row:3}
  .ip-visio{grid-column:1;grid-row:4;max-width:none}
  .ip-spar{grid-column:1;grid-row:5;max-width:300px}
  .ip-sheet{grid-column:1;grid-row:6;max-width:none}
  .ip-anchor--b{grid-column:1;grid-row:7;justify-self:start;max-width:none}
  
  .ip-fan__list{height:188px;width:300px;max-width:100%;margin-inline:auto}
  .ip-cov{width:118px}
  .ip-cov--front{width:134px}
  .ip-cov:nth-child(1){left:0;    top:28px}
  .ip-cov:nth-child(2){left:62px; top:10px}
  .ip-cov:nth-child(3){left:182px;top:10px}
  .ip-cov:nth-child(4){left:90px; top:0}
  .ip-tag--fan{justify-content:center}
  .ip-fan .ip-sub{margin-inline:auto;text-align:center;max-width:300px}
  .ip-sheet__back,.ip-sheet__mid{display:none}
  .ip-sheet__page{margin-top:0}
}

@media (max-width:400px){
  .ip-fan__list{height:172px;width:272px}
  .ip-cov{width:106px}
  .ip-cov--front{width:122px}
  .ip-cov:nth-child(1){left:0}
  .ip-cov:nth-child(2){left:56px}
  .ip-cov:nth-child(3){left:166px}
  .ip-cov:nth-child(4){left:82px}
}

@media (max-width:340px){
  .ip-fan__list{height:158px;width:246px}
  .ip-cov{width:96px}
  .ip-cov--front{width:110px}
  .ip-cov:nth-child(1){left:0}
  .ip-cov:nth-child(2){left:50px}
  .ip-cov:nth-child(3){left:150px}
  .ip-cov:nth-child(4){left:74px}
}

/* Contenu Immersion dans les cinq emplacements de la scène d’origine. */
#parcours{--s3-txt-3:rgba(217,222,230,.78);--s3-or:#C9775A;padding-top:55px;padding-bottom:65px}
#parcours .ip-eyebrow{font:500 12px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px;color:var(--s3-sage)}
#parcours .ip-s3__sub{max-width:850px;color:var(--s3-txt-2)}
#parcours .ip-s3__head{margin-bottom:20px}
#parcours .ip-tag{font-size:12px;letter-spacing:.1em}
#parcours .ip-sub{font-size:14px;color:var(--s3-txt-2)}
#parcours .ip-diag__micro{font-size:12px;color:var(--s3-brume);border-top:1px solid var(--s3-line);margin-top:12px;padding-top:10px}
#parcours .ip-visio__cap{display:none}
#parcours .ip-visio__win{padding-bottom:24px}
#parcours .ip-visio__live{background:var(--s3-sage);animation:none}
#parcours .ip-visio__live::after{display:none}
#parcours .ip-spar__p svg{display:block;width:100%;height:100%;fill:none;stroke:var(--s3-ivoire);stroke-width:1.2}
#parcours .ip-spar__p:last-child svg{stroke:var(--s3-sage)}
#parcours .ip-anchor--a .ip-anchor__txt{color:var(--s3-txt-2)}
#parcours .ip-rv3{opacity:1;transform:none} /* Texte disponible même sans JavaScript. */
.immersion-review{padding-bottom:38px}.immersion-review .review-line{margin-top:0;border-top:0;padding-top:28px}
@media(min-width:1440px){
 #parcours .ip-diag{--x:3.03%;--y:7.99%;--w:330px}
 #parcours .ip-visio{--x:22.80%;--y:68.23%;--w:320px}
 #parcours .ip-sheet{--x:33.79%;--y:6.5%;--w:355px}
 #parcours .ip-fan{--x:52.73%;--y:64.3%;--w:320px}
 #parcours .ip-spar{--x:67.12%;--y:8.6%;--w:270px}
 #parcours .ip-anchor--b{--x:79.24%;--y:64%;--w:250px}
 #parcours .ip-scene{margin-bottom:58px}
}
@media(min-width:768px) and (max-width:1439px){
 #parcours .ip-anchor--a{grid-row:1;grid-column:1;margin-top:0}
 #parcours .ip-diag{grid-row:2;grid-column:1}
 #parcours .ip-visio{grid-row:2;grid-column:2}
 #parcours .ip-sheet{grid-row:3;grid-column:1}
 #parcours .ip-fan{grid-row:3;grid-column:2}
 #parcours .ip-spar{grid-row:4;grid-column:1}
 #parcours .ip-anchor--b{grid-row:4;grid-column:2;align-self:center;justify-self:start}
}
@media(max-width:767px){
 #parcours{padding-top:45px;padding-bottom:45px}
 #parcours .ip-s3__title{font-size:40px;line-height:1.14;max-width:320px}
 #parcours .ip-s3__sub{font-size:16px;margin-top:18px}
 #parcours .ip-scene{gap:30px;margin-top:35px}
 #parcours .ip-station::before{height:calc(100% + 30px)}
 #parcours .ip-diag{grid-row:2}
 #parcours .ip-visio{grid-row:3}
 #parcours .ip-sheet{grid-row:4}
 #parcours .ip-fan{grid-row:5}
 #parcours .ip-spar{grid-row:6}
 #parcours .ip-anchor--b{grid-row:7}
 #parcours .ip-tag{font-size:12px}
 #parcours .ip-anchor__txt{font-size:15px}
}

/* --- Ajout Immersion : le CTA qui clôt la section mécanisme ---------------
   Une seule pastille, dans la terracotta et la typographie déjà en place.
   Le reste du composant n'est pas touché. */
#parcours .ip-s3__cta{
  display:flex;
  justify-content:center;
  margin-top:clamp(26px,3.4vw,48px);
}
#parcours .ip-s3__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:14px 40px;
  border-radius:999px;
  background:#C9775A;
  color:#0B1D33;
  font:500 15px/1 var(--sans);
  letter-spacing:.01em;
  text-decoration:none;
  box-shadow:0 22px 46px -24px rgba(201,119,90,.75);
  transition:background-color .5s cubic-bezier(.16,1,.3,1),
             transform .5s cubic-bezier(.16,1,.3,1),
             box-shadow .5s cubic-bezier(.16,1,.3,1);
}
#parcours .ip-s3__btn:hover{
  background:#b5694f;
  transform:translateY(-1px);
  box-shadow:0 26px 54px -22px rgba(201,119,90,.9);
}
#parcours .ip-s3__btn:focus-visible{
  outline:2px solid #F3F1ED;
  outline-offset:4px;
}
@media(max-width:767px){
  #parcours .ip-s3__cta{margin-top:30px}
  #parcours .ip-s3__btn{width:100%;max-width:340px;padding:14px 24px}
}
@media(prefers-reduced-motion:reduce){
  #parcours .ip-s3__btn{transition:none}
}

/* La charnière de fond existait dans la feuille mais n'était jamais posée.
   Elle relie la section vidéo (#0B1D33) au haut du mécanisme (#10243E).
   Sa hauteur était déclarée sur #parcours : comme elle est posée en frère de
   la section, on lui redonne la variable ici. */
.ip-hinge2{--hinge2-h:78px}
@media(max-width:767px){.ip-hinge2{--hinge2-h:56px}}

/* Au-delà de 1440 px les stations sont posées en absolu et débordent de
   103 px sous le cadre de la scène. On rend cette hauteur au flux, sinon le
   CTA vient se poser sur la carte « Lives collectifs ». */
@media(min-width:1440px){
  #parcours .ip-scene{margin-bottom:165px}
}

/* --- Passe « bilan visio » ------------------------------------------------
   Trois choses seulement : les vrais portraits reviennent dans le sparring,
   une dernière étape humaine s'ajoute avant le Point B, et la scène desktop
   se redéploie sur toute la largeur au lieu de se tasser au centre-gauche.
   Fond, grille, courbe, cartes et animations restent ceux du composant. */

/* 1 · sparring : le composant prévoyait déjà des images dans les vignettes,
   on retire simplement l'habillage des silhouettes. */
#parcours .ip-spar__p{background:#16283E}
#parcours .ip-spar__p img{border-radius:inherit}

/* 2 · bilan visio final — même matière de verre que la carte sparring,
   aucune nouvelle matière graphique. */
#parcours .ip-bilan{margin:0}
#parcours .ip-bilan .ip-tag{margin-bottom:.2rem}
#parcours .ip-bilan .ip-sub{margin:.24rem 0 .78rem}
#parcours .ip-bilan__in{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:0;
  padding:1.05rem .9rem 1.1rem;
  border-radius:var(--s3-radius);
  background:linear-gradient(150deg,rgba(243,241,237,.09),rgba(243,241,237,.036));
  border:1px solid rgba(243,241,237,.145);
  -webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);
  box-shadow:var(--s3-shadow);
}
#parcours .ip-bilan__ph{
  flex:none;
  width:58px;height:58px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid rgba(243,241,237,.22);
  background:#16283E;
}
#parcours .ip-bilan__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
/* chaque élément respire : avatar, nom, mode, moment. */
#parcours .ip-bilan__name{
  margin-top:.72rem;
  font-size:.9rem;font-weight:500;line-height:1.1;color:var(--s3-ivoire);
}
#parcours .ip-bilan__mode{
  display:inline-flex;align-items:center;gap:.36rem;
  margin-top:.5rem;
  padding:.24rem .58rem;
  border-radius:5px;
  border:1px solid rgba(167,183,174,.42);
  font-size:.635rem;line-height:1;letter-spacing:.03em;
  color:var(--s3-sage);
}
#parcours .ip-bilan__mode svg{width:13px;height:13px;display:block;flex:none}
#parcours .ip-bilan__when{
  margin-top:.5rem;
  font-size:.655rem;line-height:1.25;letter-spacing:.02em;
  color:var(--s3-txt-3);
}
#parcours .ip-bilan.ip-is-on .ip-bilan__ph{border-color:rgba(197,169,106,.7)}

/* 3 · desktop : la scène occupe toute la largeur disponible et les huit
   éléments se répartissent en deux bandes régulières, de gauche à droite,
   dans l'ordre du récit. Le Point B reste l'élément le plus à droite. */
@media(min-width:1440px){
  #parcours{--pad:40px}
  #parcours .ip-scene{max-width:1360px;aspect-ratio:1360/672;margin-bottom:150px}

  /* bande basse */
  #parcours .ip-anchor--a{--x:0%;     --y:79%;   --w:212px}
  #parcours .ip-visio    {--x:19.4%;  --y:64.5%; --w:312px}
  #parcours .ip-fan      {--x:44.6%;  --y:61.5%; --w:314px}
  #parcours .ip-anchor--b{--x:78.5%;  --y:58%;   --w:282px}

  /* bande haute */
  #parcours .ip-diag     {--x:2.2%;   --y:6.5%;  --w:322px}
  #parcours .ip-sheet    {--x:27.2%;  --y:5%;    --w:344px}
  #parcours .ip-spar     {--x:55.2%;  --y:7.5%;  --w:262px}
  #parcours .ip-bilan    {--x:76.5%;  --y:8.5%;  --w:256px}
}

/* 4 · tablette : le bilan prend sa place dans la grille, le Point B ferme. */
@media(min-width:768px) and (max-width:1439px){
  #parcours .ip-bilan{grid-row:4;grid-column:2}
  #parcours .ip-anchor--b{grid-row:5;grid-column:1;align-self:start;justify-self:start}
}

/* 5 · mobile : une étape de plus dans la séquence verticale. */
@media(max-width:767px){
  #parcours .ip-bilan{grid-column:1;grid-row:7;max-width:none}
  #parcours .ip-anchor--b{grid-row:8}
  #parcours .ip-bilan__in{padding:.66rem .72rem}
}

/* Le Point B est desormais l'aboutissement visible du trace : la carte remonte
   sous le dernier noeud, s'elargit un peu et son texte se serre contre le
   filet, pour que l'arrivee se lise d'un coup d'oeil. */
@media(min-width:1440px){
  #parcours .ip-anchor--b .ip-anchor__lb{margin-bottom:.46rem}
  #parcours .ip-anchor--b .ip-anchor__txt{padding-left:.8rem;font-size:.955rem}
}