/* SOSBA RÉALISATIONS CSS — v1.0.0 (04.10.2026)
   Feuille de la page Réalisations. Tokens, polices, header/footer et classes
   communes : sosba-global.css. */

/* ---------- intro ---------- */
.sb-intro{ padding:64px 0 56px; }
.sb-realisations .sb-intro .sb-eyebrow{ color:var(--sb-laiton); }
.sb-realisations .sb-intro h1{
  margin:8px 0 0; font:500 clamp(34px,5vw,54px)/1.08 var(--sb-font-display); color:#E9EEEC;
}
.sb-intro p{ margin:16px 0 0; max-width:58ch; }

.sb-lead{ margin:16px 0 0; max-width:62ch; color:var(--sb-encre-2); }

/* ---------- schéma « votre outil, chez vous » ---------- */
.sb-schema{
  list-style:none; margin:32px 0 0; padding:0;
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:0;
  counter-reset:none;
}
.sb-schema li{
  position:relative; padding:24px 24px 24px 0; border-top:2px solid var(--sb-laiton);
}
.sb-schema li + li{ padding-left:24px; border-left:1px solid var(--sb-filet); }
.sb-schema__num{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%; margin-bottom:12px;
  background:var(--sb-nuit); color:var(--sb-laiton-clair);
  font:600 15px/1 var(--sb-font-body);
}
.sb-schema p{ margin:8px 0 0; color:var(--sb-encre-2); font-size:16px; }
.sb-schema__pied{ margin:20px 0 0; font-style:italic; color:var(--sb-encre-2); }

/* ---------- blocs par métier ---------- */
.sb-metier--alt{ background:#E4EBE7; }
#organisation, #structure, #suivi, #principe{ scroll-margin-top:72px; }
.sb-grid2c{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; margin-top:28px; }
.sb-card{ display:flex; flex-direction:column; }
.sb-tag{
  display:inline-block; margin-top:auto; padding-top:14px; font-size:12px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--sb-encre-2);
}
.sb-realisations .sb-card__link{
  margin-top:auto; padding-top:14px; text-decoration:none; font-weight:500;
  min-height:44px; display:inline-flex; align-items:flex-end;
}
.sb-realisations .sb-card__link:hover{ text-decoration:underline; }

/* ---------- appel final ---------- */
.sb-cta{ padding-top:0; }
.sb-cta__box{ border-radius:4px; padding:48px 32px; text-align:center; }
.sb-cta__box h2{ color:#E9EEEC; }
.sb-cta__box p{ margin:14px auto 26px; max-width:52ch; }

@media (max-width:760px){
  .sb-intro{ padding:44px 0 40px; }
  .sb-schema{ grid-template-columns:1fr; }
  .sb-schema li, .sb-schema li + li{ padding:20px 0; border-left:0; }
  .sb-grid2c{ grid-template-columns:1fr; }
  .sb-cta__box{ padding:36px 20px; }
}