/* ── 05 Stats — see sections/05-stats/brief.md ──
   Figma 1:1027 band 383h rgba(217,217,217,.53) · 3 cols · circle 93×92 @ +55 · number 42px coral @ +178 · label 26/30 */

.stats {
    z-index: 1;
    background: var(--skin-band);
    padding: calc(55 * var(--u)) 0 calc(47 * var(--u));
}
.stats__list {
    display: grid;
    /* Figma column centres are uneven (x 400 / 960 / 1486 → 282 / 842 / 1368 inside the 1684 box);
       the trailing 68fr track keeps the third column where the design puts it. */
    grid-template-columns: 564fr 556fr 496fr 68fr;
    text-align: center;
}
.stats__item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.stats__icon {
    display: grid;
    place-items: center;
    width: 93px;
    height: 92px;
    background: url(../../img/stat-circle.png) center / contain no-repeat;
}
.stats__num {
    margin-top: calc(31 * var(--u));
    font-size: var(--fs-sub);
    font-weight: 400;
    line-height: 1;
    color: #ff7475;
}
.stats__label {
    margin-top: calc(26 * var(--u));
    line-height: 1.154;   /* 30 / 26 */
}
.stats__label--wide { max-width: calc(453 * var(--u)); }