/* ABLOGUI — widget « chiffres » (repris de la maquette d'accueil, maquettes/css/accueil.css) */
.ab-impact__phrase { text-align: center; max-width: 900px; margin: 0 auto; }
.ab-impact__phrase .ab-t { font-size: var(--ab-fs-xl); }
.ab-impact__phrase small { display: block; margin-top: 14px; font-size: var(--ab-fs-xs); color: var(--ab-texte-doux); font-weight: 700; letter-spacing: .04em; }
.ab-taches { display: flex; justify-content: center; align-items: center; margin-top: 48px; padding-bottom: 24px; }
.ab-tache { --_forme-a: 58% 42% 52% 48% / 46% 56% 44% 54%; --_forme-b: 46% 54% 44% 56% / 55% 45% 57% 43%; flex: none; width: clamp(260px, 27vw, 370px); height: clamp(260px, 27vw, 370px); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 clamp(30px, 3.4vw, 50px); border-radius: var(--_forme-a); background: var(--_f); mix-blend-mode: multiply; font-family: "Nunito", var(--ab-police); opacity: 0; transform: translateY(30px) scale(.9); transition: opacity .9s ease, transform 1.2s var(--ab-doux); animation: ab-respire 14s ease-in-out infinite alternate; }
.ab-tache + .ab-tache { margin-left: -4.5%; }
.ab-tache:nth-child(1) { --_f: #fcdde0; --_n: #d4283a; }
.ab-tache:nth-child(2) { --_f: #fdefc3; --_n: #d08f00; --_forme-a: 45% 55% 60% 40% / 52% 42% 58% 48%; --_forme-b: 57% 43% 45% 55% / 44% 58% 42% 56%; animation-delay: -5s; transition-delay: .12s; }
.ab-tache:nth-child(3) { --_f: #d2efe2; --_n: #008e60; --_forme-a: 52% 48% 42% 58% / 58% 46% 54% 42%; --_forme-b: 42% 58% 56% 44% / 47% 55% 45% 53%; animation-delay: -9s; transition-delay: .24s; }
.est-visible .ab-tache { opacity: 1; transform: none; }
.est-visible .ab-tache:nth-child(2) { transform: translateY(26px); }
.ab-tache b { display: block; font-family: "Chewy", var(--ab-script); font-weight: 400; font-size: clamp(3.4rem, 2.2rem + 3.6vw, 5.6rem); line-height: .95; color: var(--_n); font-variant-numeric: tabular-nums; }
.ab-tache strong { display: block; margin-top: 10px; font-size: var(--ab-fs-l); font-weight: 900; line-height: 1.15; }
.ab-tache span { display: block; margin-top: 6px; font-size: var(--ab-fs-s); font-weight: 600; color: var(--ab-texte-doux); line-height: 1.45; }
.ab-lien-pinceau { position: relative; margin-top: 18px; font-weight: 900; color: var(--_n); font-size: var(--ab-fs-s); }
.ab-lien-pinceau svg { position: absolute; left: -2%; width: 104%; bottom: -8px; height: 10px; overflow: visible; }
.ab-lien-pinceau path { fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; }
.ab-lien-pinceau:hover { color: var(--ab-noir); }
@media (max-width: 860px) {
  .ab-taches { flex-direction: column; }
  .ab-tache + .ab-tache { margin-left: 0; margin-top: -11%; }
  .est-visible .ab-tache:nth-child(2) { transform: translateX(14px); }
}
.ab-taches { gap: 0; align-items: stretch; }
.ab-tache { background: none; mix-blend-mode: normal; animation: none; border-radius: 0; height: auto; width: auto; flex: 1 1 0; max-width: 380px; padding: 8px 32px; justify-content: flex-start; }
.ab-tache + .ab-tache { margin-left: 0; border-left: 2px dashed var(--ab-ligne); }
.est-visible .ab-tache:nth-child(2) { transform: none; }
@media (max-width: 860px) {
  .ab-tache { max-width: none; padding: 28px 0; }
  .ab-tache + .ab-tache { margin-top: 0; border-left: 0; border-top: 2px dashed var(--ab-ligne); }
  .est-visible .ab-tache:nth-child(2) { transform: none; }
}