/* ============================================================
   stats.css — Statistics Strip
   ============================================================ */

#stats {
  position: relative;
  z-index: 2;
  background: var(--color-ink);
  padding: 84px var(--pad-x);
  overflow: hidden;
}

.stats-grid {
  max-width: var(--max-w);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: rgba(236, 234, 229, 0.07);
  border: 1px solid rgba(236, 234, 229, 0.07);
  border-radius: 18px;
  overflow: hidden;
}

.stat-cell {
  padding: 44px 36px;
  background: rgba(236, 234, 229, 0.03);
  transition: background 0.3s;
}

.stat-cell:hover { background: rgba(236, 234, 229, 0.06); }

.stat-n {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 3rem;
  color: var(--color-bg);
  line-height: 1;
  margin-bottom: 10px;
}

.stat-n em {
  font-style: italic;
  color: var(--color-accent);
}

.stat-l {
  font-size: 11.5px;
  font-weight: 300;
  letter-spacing: 0.04em;
  color: rgba(236, 234, 229, 0.35);
}

.stat-sub {
  font-size: 10.5px;
  color: rgba(236, 234, 229, 0.20);
  margin-top: 4px;
  font-weight: 300;
}