.about-grid {
  display: grid;
  gap: 28px;
}

@media (min-width: 840px) {
  .about-grid { grid-template-columns: 1.05fr 0.95fr; }
}

.stat-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: var(--border);
  box-shadow: var(--shadow);
  margin: var(--space-5) 0;
}

.stat-row div {
  padding: 18px;
  background: var(--cream);
  border-right: var(--border);
}

.stat-row div:last-child { border-right: 0; }

.stat-row strong {
  display: block;
  font-family: var(--font-display);
  font-size: 2.4rem;
  color: var(--cobalt);
  line-height: 1;
}

@media (max-width: 640px) {
  .stat-row { grid-template-columns: 1fr; }
  .stat-row div { border-right: 0; border-bottom: var(--border); }
}
