/* Ouverture : grandes cartes de durées qui chevauchent le bord du cadre sombre (technique Urbi). */
.ouverture__chiffre { width: clamp(210px, 17vw, 280px); min-height: clamp(180px, 15vw, 236px); padding: clamp(18px, 1.6vw, 26px); border-radius: 22px; align-content: end; gap: 8px; box-shadow: 0 18px 40px -24px rgba(16,18,17,.35); z-index: 2; }
.ouverture__chiffre::before { content: ""; position: absolute; top: clamp(18px, 1.6vw, 26px); left: clamp(18px, 1.6vw, 26px); width: 10px; height: 10px; border-radius: 50%; background: var(--accent); }
.ouverture__chiffre b { font-size: clamp(2rem, 3.6vw, 3.75rem); line-height: .95; }
.ouverture__chiffre span { font-size: 0.95rem; line-height: 1.35; }
@media (min-width: 1025px) {
  /* bords du cadre une fois resserré (échelle 0,67) */
  .ouverture__chiffres { --cw: clamp(210px, 17vw, 280px); --cg: calc(50% - 0.335 * (100% - 2 * var(--marge-panneau))); --ch: calc(0.335 * (100svh - 2 * var(--marge-panneau))); }
  .ouverture__chiffre:nth-child(1) { left: calc(var(--cg) - var(--cw) + 1vw); right: auto; top: calc(50% - clamp(40px, 3vw, 60px)); bottom: auto; }
  .ouverture__chiffre:nth-child(3) { right: calc(var(--cg) - var(--cw) + 2vw); left: auto; top: calc(50% - var(--ch) + 4%); bottom: auto; }
  .ouverture__chiffre:nth-child(2) { left: calc(50% - clamp(105px, 8.5vw, 140px)); right: auto; top: calc(50% + var(--ch) - clamp(110px, 9vw, 150px)); bottom: auto; }
  .js-mouvement .ouverture__chiffre:nth-child(2) { transform: translateY(calc((1 - min(1, max(0, var(--p, 0) - 0.4) * 2.5)) * 60px)); }
}
@media (max-width: 1024px) {
  .ouverture__chiffres { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .ouverture__chiffre:nth-child(3) { grid-column: 1 / -1; }
  .ouverture__chiffre b { font-size: clamp(1.75rem, 7.5vw, 2.5rem); }
  .ouverture__chiffre, .ouverture__chiffre:nth-child(n) { min-width: 0; min-height: 150px; padding: 44px 18px 18px; }
}
.no-mouvement .ouverture__chiffre, .no-mouvement .ouverture__chiffre:nth-child(n), html:not(.js) .ouverture__chiffre:nth-child(n) { min-height: 170px; }
/* Trois différenciateurs (titres plus longs que des chiffres) + globe de points */
.ouverture__chiffre b { font-size: clamp(1.45rem, 1.9vw, 2.1rem); line-height: 1.02; text-wrap: balance; }
.ouverture__chiffre--globe { --globe-lime: var(--accent); --globe-gris: color-mix(in srgb, var(--texte) 55%, transparent); overflow: hidden; }
.ouverture__chiffre--globe .globe { position: absolute; right: -8%; top: 50%; translate: 0 -50%; width: 58%; aspect-ratio: 1; height: auto; pointer-events: none; }
.ouverture__chiffre--globe b, .ouverture__chiffre--globe span { position: relative; max-width: 52%; }
@media (min-width: 1025px) { .ouverture__chiffre--globe { width: calc(var(--cw) * 1.45); } .ouverture__chiffres .ouverture__chiffre:nth-child(2) { left: calc(50% - var(--cw) * 0.725); } }
.ouverture__chiffre--globe::before { z-index: 1; }
@media (max-width: 1024px) {
  .ouverture__chiffre b { font-size: clamp(1.2rem, 5.2vw, 1.6rem); }
  .ouverture__chiffre--globe { grid-column: 1 / -1; order: 3; min-height: 190px; }
  .ouverture__chiffre--globe .globe { width: 46%; right: -4%; top: 50%; }
  .ouverture__chiffre:nth-child(3) { grid-column: auto; }
}