/* ============================================================
   CONVICTIONS - page éditoriale (fond sombre, à l'image de « Global »)
   Chargé uniquement sur convictions.html.
   ============================================================ */

/* Le fond sombre et le conteneur viennent de .page-dark / .page-inner
   (components.css) - ici, uniquement ce qui est propre aux convictions. */

/* En-tête */
.conv-head{max-width:900px;margin-bottom:5.5rem;}
.conv-head .eyebrow{color:rgba(255,255,255,.55);margin-bottom:1.4rem;}
.conv-head h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(2.6rem, 5vw, 4rem);line-height:1.05;
  color:var(--teal-light);margin-bottom:1.8rem;
}
.conv-head .intro{
  font-size:clamp(1.05rem, 1.8vw, 1.35rem);font-weight:300;line-height:1.65;
  color:rgba(255,255,255,.82);max-width:60ch;
}

/* Corps en 2 colonnes */
.conv-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:5rem;
  align-items:start;
}
.conv-statement{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(1.6rem, 2.6vw, 2.2rem);line-height:1.3;
  color:#fff;margin-bottom:2rem;max-width:20ch;
}
.conv-prose p{
  font-size:1rem;font-weight:300;line-height:1.9;
  color:rgba(255,255,255,.7);
}
.conv-prose p + p{margin-top:1.4rem;}
.conv-prose strong{color:#fff;font-weight:400;}
.conv-prose em{font-style:italic;color:var(--teal-light);}
.conv-col-2{padding-top:3.5rem;}

/* Méthode - grille de piliers (blocs titrés, à l'image de « Global ») */
.conv-method{
  position:relative;
  margin-top:6rem;padding-top:5rem;
  border-top:1px solid rgba(255,255,255,.15);
}
.conv-method-head{margin-bottom:3rem;}
.conv-method-head .eyebrow{color:rgba(255,255,255,.55);margin-bottom:1rem;}
.conv-method-head h2{
  font-family:var(--serif);font-weight:500;
  font-size:clamp(1.6rem, 3vw, 2.4rem);color:#fff;
}
.conv-pillars{
  display:grid;grid-template-columns:repeat(4,1fr);gap:2px;
}
.conv-pillar{
  position:relative;overflow:hidden;
  background:rgba(255,255,255,.035);
  padding:clamp(1.8rem,2.6vw,2.6rem);
  min-height:280px;display:flex;flex-direction:column;
  transition:background .5s var(--ease-out);
}
.conv-pillar:hover{background:rgba(255,255,255,.07);}
.conv-pillar__num{
  font-family:var(--display);font-size:1rem;
  color:var(--teal-light);margin-bottom:1.5rem;
}
.conv-pillar__title{
  font-family:var(--display);font-size:1.25rem;font-weight:500;
  color:#fff;margin-bottom:1rem;
}
.conv-pillar__desc{
  font-size:.88rem;font-weight:300;line-height:1.7;
  color:rgba(255,255,255,.6);flex:1;
}
.conv-pillar__line{
  position:absolute;left:0;bottom:0;height:2px;width:0;
  background:var(--teal-light);
  transition:width .6s var(--ease-out);
}
.conv-pillar:hover .conv-pillar__line{width:100%;}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .conv-head{margin-bottom:3.5rem;}
  .conv-grid{grid-template-columns:1fr;gap:2.5rem;}
  .conv-col-2{padding-top:0;}
  .conv-method{margin-top:4rem;padding-top:3.5rem;}
  .conv-pillars{grid-template-columns:1fr;}
  .conv-pillar{min-height:0;}
}