/* =========================================================================
   MOSAÏCA — DÉVELOPPEMENT DES COMPÉTENCES (page mère)
   Préfixe : .dcx-

   L'offre est spécialisée : trois domaines, neuf interventions.
   Pas de catalogue à plat, pas de filtres — la hiérarchie fait le tri.
   Palette : blanc, gris froid, bleu nuit, or. Aucun crème.
   ========================================================================= */

.dcx-page{
  --ink:#0A1C28;
  --ink-soft:#3B5766;
  --ink-mute:#6B8494;
  --paper:#FFFFFF;
  --paper-alt:#F3F6F8;
  --navy:#0E4D6C;
  --navy-deep:#08293C;
  --gold:#C9A45C;
  --gold-deep:#A9803F;
  --rule:rgba(10,28,40,.16);
  --rule-soft:rgba(10,28,40,.09);

  --gut:clamp(20px,3.4vw,56px);
  background:var(--paper);color:var(--ink);overflow-x:clip;
}
.dcx-wrap{width:min(1240px,100% - var(--gut)*2);margin-inline:auto}
.dcx-page ::selection{background:var(--gold);color:#fff}

.dcx-section{padding:clamp(46px,4.8vw,76px) 0;position:relative}
.dcx-section--alt{background:var(--paper-alt)}
.dcx-section--dark{background:var(--navy-deep);color:#DCE7EC}

.dcx-head{max-width:64ch;margin-bottom:clamp(28px,3vw,44px)}
.dcx-kicker{display:block;font-size:.69rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:.7rem}
.dcx-section--dark .dcx-kicker{color:var(--gold)}
.dcx-section h2{
  font-family:'Ibarra Real Nova',Georgia,serif;font-weight:600;
  font-size:clamp(1.7rem,3.1vw,2.6rem);line-height:1.1;letter-spacing:-.022em;margin:0;color:var(--ink);
}
.dcx-section--dark h2{color:#fff}
.dcx-lead{font-size:.98rem;line-height:1.72;color:var(--ink-soft);max-width:66ch;margin:.9rem 0 0}
.dcx-section--dark .dcx-lead{color:#B8CBD5}

/* ---------- CONVICTION -------------------------------------------------- */

.dcx-conviction{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,3.8vw,68px);align-items:start}
.dcx-principles{border-top:1px solid var(--rule)}
.dcx-principle{
  display:grid;grid-template-columns:auto 1fr;gap:0 1.1rem;align-items:baseline;
  padding:.95rem 0;border-bottom:1px solid var(--rule-soft);
}
.dcx-principle:last-child{border-bottom:0}
.dcx-principle b{
  font-family:'Ibarra Real Nova',Georgia,serif;font-weight:600;font-size:1.08rem;
  color:var(--navy);letter-spacing:-.01em;
}
.dcx-principle span{font-size:.9rem;line-height:1.56;color:var(--ink-soft);grid-column:2}

/* ---------- DOMAINES : en-tête de bloc --------------------------------- */

.dcx-domain{padding-top:clamp(34px,3.6vw,54px);margin-top:clamp(34px,3.6vw,54px);border-top:1px solid var(--rule)}
.dcx-domain:first-of-type{padding-top:0;margin-top:0;border-top:0}
.dcx-domain-head{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(16px,2vw,30px);align-items:baseline;margin-bottom:clamp(22px,2.4vw,32px)}
.dcx-domain-n{
  font-family:'Ibarra Real Nova',Georgia,serif;font-size:.86rem;font-weight:600;color:var(--gold);
}
.dcx-domain-head h3{
  font-family:'Ibarra Real Nova',Georgia,serif;font-weight:600;
  font-size:clamp(1.34rem,2.2vw,1.85rem);line-height:1.12;letter-spacing:-.022em;margin:0;color:var(--ink);
}
.dcx-domain-count{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}
.dcx-domain-lead{margin:.5rem 0 0;font-size:.93rem;line-height:1.66;color:var(--ink-soft);max-width:62ch;grid-column:2}

/* ---------- DOMAINE 1 & 3 : cartes-offres ------------------------------ */

.dcx-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule-soft)}
.dcx-offers--solo{grid-template-columns:1fr}
.dcx-offers--pair{grid-template-columns:repeat(2,1fr)}

.dcx-offer{
  position:relative;overflow:hidden;background:var(--paper);
  padding:clamp(22px,2.4vw,30px);
  display:flex;flex-direction:column;min-width:0;text-decoration:none;
  transition:background .22s;
}
.dcx-section--alt .dcx-offer{background:#fff}
.dcx-offer:hover{background:rgba(14,77,108,.05)}
.dcx-offer-type{font-size:.64rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-deep);margin:0 0 .8rem}
.dcx-offer h4{
  font-family:'Ibarra Real Nova',Georgia,serif;font-weight:600;
  font-size:clamp(1.18rem,1.75vw,1.48rem);line-height:1.14;letter-spacing:-.02em;
  margin:0 0 .7rem;color:var(--ink);
}
.dcx-offer p{margin:0;font-size:.89rem;line-height:1.62;color:var(--ink-soft);flex:1}
.dcx-offer-foot{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  margin-top:1.2rem;padding-top:.85rem;border-top:1px solid var(--rule-soft);
}
.dcx-offer-for{font-size:.76rem;line-height:1.4;color:var(--ink-mute);min-width:0}
.dcx-offer-go{font-size:.74rem;font-weight:600;letter-spacing:.05em;color:var(--navy);white-space:nowrap}
.dcx-offer:hover .dcx-offer-go{color:var(--gold-deep)}

/* ---------- DOMAINE 2 : la séquence d'intégration ---------------------- */
/* Le parcours international est chronologique : on le montre comme tel,
   avec les deux responsabilités distinguées — l'organisation, la personne. */

.dcx-seq{position:relative;border-top:1px solid var(--rule)}
.dcx-seq-lane{
  display:grid;grid-template-columns:clamp(96px,8.5vw,124px) 1fr;
  gap:clamp(14px,1.8vw,26px);
  padding:clamp(9px,1vw,12px) 0;
}
.dcx-seq-lane-label{
  font-size:.63rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  color:var(--gold-deep);padding-top:1.15rem;
}
.dcx-seq-lane + .dcx-seq-lane{border-top:1px solid var(--rule-soft)}
.dcx-seq-items{display:grid;gap:1px;background:var(--rule-soft)}
.dcx-seq-items--3{grid-template-columns:repeat(3,1fr)}
.dcx-seq-items--2{grid-template-columns:repeat(2,1fr)}

.dcx-step{
  position:relative;background:var(--paper);padding:clamp(18px,2vw,24px);
  text-decoration:none;display:flex;flex-direction:column;min-width:0;transition:background .22s;
}
.dcx-section--alt .dcx-step{background:#fff}
.dcx-step:hover{background:rgba(14,77,108,.05)}
.dcx-step-n{
  font-family:'Ibarra Real Nova',Georgia,serif;font-size:.78rem;font-weight:600;
  color:var(--gold);margin:0 0 .55rem;
}
.dcx-step-n::after{content:"";display:inline-block;width:16px;height:1px;background:var(--gold);opacity:.5;margin-left:.5rem;vertical-align:middle}
.dcx-step h4{
  font-family:'Ibarra Real Nova',Georgia,serif;font-weight:600;
  font-size:clamp(1.02rem,1.42vw,1.22rem);line-height:1.16;letter-spacing:-.016em;
  margin:0 0 .5rem;color:var(--ink);
}
.dcx-step p{margin:0;font-size:.84rem;line-height:1.56;color:var(--ink-soft);flex:1}
.dcx-step-when{
  margin-top:.9rem;padding-top:.6rem;border-top:1px solid var(--rule-soft);
  font-size:.71rem;letter-spacing:.05em;color:var(--ink-mute);
}

/* ---------- FORMATS ----------------------------------------------------- */

.dcx-formats{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(30px,3.8vw,68px);align-items:start}

.dcx-depths{border-top:1px solid var(--rule)}
.dcx-depth{
  display:grid;grid-template-columns:auto 1fr;gap:0 1.2rem;align-items:baseline;
  padding:1rem 0;border-bottom:1px solid var(--rule-soft);
}
.dcx-depth:last-child{border-bottom:0}
.dcx-depth b{
  font-family:'Ibarra Real Nova',Georgia,serif;font-weight:600;
  font-size:clamp(1.16rem,1.7vw,1.4rem);line-height:1;color:var(--navy);letter-spacing:-.018em;
  white-space:nowrap;
}
.dcx-depth i{font-style:normal;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);display:block;margin-top:.3rem}
.dcx-depth span{font-size:.88rem;line-height:1.58;color:var(--ink-soft);grid-column:2}

.dcx-modes{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule-soft);border:1px solid var(--rule-soft)}
.dcx-mode{background:var(--paper);padding:clamp(16px,1.8vw,22px)}
.dcx-section--alt .dcx-mode{background:#fff}
.dcx-mode b{
  display:block;font-family:'Ibarra Real Nova',Georgia,serif;font-weight:600;
  font-size:1.04rem;line-height:1.14;color:var(--ink);margin-bottom:.4rem;letter-spacing:-.014em;
}
.dcx-mode span{font-size:.83rem;line-height:1.55;color:var(--ink-soft)}

/* ---------- MÉTHODE ------------------------------------------------------ */

.dcx-method{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,3.8vw,68px);align-items:start}
.dcx-steps{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.16)}
.dcx-mstep{
  display:grid;grid-template-columns:auto 1fr;gap:0 1.2rem;align-items:baseline;
  padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.1);
}
.dcx-mstep:last-child{border-bottom:0}
.dcx-mstep em{font-style:normal;font-family:'Ibarra Real Nova',Georgia,serif;font-size:.78rem;color:var(--gold)}
.dcx-mstep b{font-family:'Ibarra Real Nova',Georgia,serif;font-weight:600;font-size:1.06rem;color:#fff;letter-spacing:-.012em}
.dcx-mstep span{font-size:.86rem;line-height:1.56;color:#B8CBD5;grid-column:2}

/* ---------- CONVERSION --------------------------------------------------- */

.dcx-final{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,3.6vw,64px);align-items:center}
.dcx-final-actions{display:flex;flex-wrap:wrap;gap:12px}

.dcx-btn{
  display:inline-flex;align-items:center;gap:.55rem;padding:.86rem 1.5rem;border-radius:2px;
  font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  text-decoration:none;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s;
}
.dcx-btn::after{content:"→";transition:transform .2s}
.dcx-btn:hover::after{transform:translateX(4px)}
.dcx-btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.dcx-btn-primary:hover{background:var(--navy-deep);border-color:var(--navy-deep)}
.dcx-btn-ghost{background:transparent;color:var(--ink);border-color:var(--rule)}
.dcx-btn-ghost:hover{border-color:var(--navy);color:var(--navy)}

.dcx-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--navy);color:#fff;padding:.85rem 1.3rem;font-size:.8rem;font-weight:600;text-decoration:none}
.dcx-skip:focus{left:1rem;top:calc(var(--nav-h,68px) + .6rem)}

@media(prefers-reduced-motion:reduce){
  .dcx-page *,.dcx-page *::before,.dcx-page *::after{transition-duration:.01ms !important}
}

/* ---------- PALIERS ------------------------------------------------------ */

@media(max-width:1080px){
  .dcx-conviction,.dcx-formats,.dcx-method,.dcx-final{grid-template-columns:1fr}
  .dcx-offers{grid-template-columns:repeat(2,1fr)}
  .dcx-seq-lane{grid-template-columns:1fr}
  .dcx-seq-lane-label{padding-top:0;padding-bottom:.5rem}
  .dcx-seq-items--3,.dcx-seq-items--2{grid-template-columns:repeat(2,1fr)}
  .dcx-domain-head{grid-template-columns:auto 1fr}
  .dcx-domain-count{grid-column:2;justify-self:start}
}
@media(max-width:720px){
  .dcx-offers,.dcx-seq-items--3,.dcx-seq-items--2,.dcx-modes{grid-template-columns:1fr}
}