.metrics--live { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.metrics--live .metric__value { font-size: clamp(3rem, 5vw, 6rem); }
.metrics--live .metric__value--long { font-size: clamp(2rem, 3.5vw, 3.4rem); }
@media (min-width: 768px) and (max-width: 1023px) {
  .metrics--live { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
  .metrics--live .metric:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 767px) {
  .metrics--live { grid-template-columns: 1fr; }
}