/* ============================================================
   POWER NUMBERS
   ============================================================ */
.stats { display:grid; gap:1.4rem; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); }
.stat { position:relative; padding-left: 1.3rem; }
.stat::before { content:""; position:absolute; left:0; top:.3rem; bottom:.3rem; width:3px; background: var(--yellow); border-radius:3px; }
.stat b {
  font-family: var(--font-body); font-weight:800; font-size: var(--step-4);
  color:#fff; line-height:1; display:block; letter-spacing:-.03em;
  white-space: nowrap;
}
.section--ink .stat b { color:#fff; }
.stat > span { display:block; margin-top:.5rem; color: var(--slate-300); font-size: var(--step-0); }
.stat i { font-style: normal; color: var(--yellow); }

@media (max-width: 640px){
  .stats {
    display: flex;
    gap: 1.4rem;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: .6rem;
    scrollbar-width: none;
  }
  .stats::-webkit-scrollbar { display: none; }
  .stat { flex: 0 0 62%; scroll-snap-align: start; }
}