/**
 * Bloc Chiffres — shokola_chiffres
 * Réf. maquette : _claude/agence.html (.rep).
 */
.shk-chiffres { background: var(--ink); color: var(--paper); padding: var(--sec) 0; }
.shk-chiffres__title {
    font-weight: 800; letter-spacing: -.04em; font-size: clamp(2rem, 5vw, 4rem); line-height: .96;
    margin: 18px 0 clamp(40px, 6vw, 64px); max-width: 18ch;
}
.shk-chiffres__title em { font-family: var(--serif); font-style: italic; font-weight: 500; color: var(--magenta); }

.shk-chiffres__nums {
    display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(20px, 3vw, 50px);
    padding-bottom: clamp(40px, 6vw, 70px); border-bottom: 1px solid rgba(251, 250, 246, .18); margin-bottom: clamp(40px, 6vw, 70px);
}
.shk-chiffres__num .n { font-weight: 800; font-size: clamp(2.4rem, 6vw, 5rem); letter-spacing: -.04em; line-height: 1; }
.shk-chiffres__num .n em { font-style: normal; color: var(--magenta); }
.shk-chiffres__num .l { font-family: var(--mono); font-size: .74rem; color: rgba(251, 250, 246, .6); margin-top: 10px; letter-spacing: .04em; max-width: 20ch; line-height: 1.4; }

.shk-chiffres__refs { display: grid; grid-template-columns: 1fr 1fr; gap: 0 clamp(40px, 6vw, 90px); }
.shk-chiffres__ref { display: flex; gap: 18px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid rgba(251, 250, 246, .16); }
.shk-chiffres__ref .y { font-family: var(--mono); font-size: .74rem; color: var(--cyan); flex: none; width: 48px; }
.shk-chiffres__ref .t { font-size: 1.02rem; line-height: 1.4; }

@media (max-width: 860px) {
    .shk-chiffres__nums { grid-template-columns: 1fr 1fr; }
    .shk-chiffres__refs { grid-template-columns: 1fr; }
}