/* Ki — Stats. Scoped under .ki-scope .ki-stats.
   Source: Ki Sustainability.html lines 792–816 + CSS 238–247. */

.ki-scope .ki-stats { background: #1A2730; color: #fff; }

.ki-scope .ki-stats .matters-quote {
  font-family: var(--ki-serif); font-weight: 400;
  font-size: clamp(32px, 4vw, 52px); line-height: 1.2;
  letter-spacing: -0.005em; max-width: 22ch;
  margin: 0 auto 72px; text-align: center;
}
.ki-scope .ki-stats .matters-quote .q { color: #2CCCD3; font-size: 1.2em; }

.ki-scope .ki-stats .stats-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.ki-scope .ki-stats .stat-cell {
  padding: 56px 40px; border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.ki-scope .ki-stats .stat-cell:last-child { border-right: none; }
.ki-scope .ki-stats .stat-cell .v {
  font-family: var(--ki-serif); font-size: clamp(56px, 7vw, 88px);
  line-height: 0.9; color: #2CCCD3; letter-spacing: -0.01em;
}
.ki-scope .ki-stats .stat-cell .v sup { font-size: 0.4em; vertical-align: super; }
.ki-scope .ki-stats .stat-cell .d {
  font-family: var(--ki-sans); font-size: 16px;
  color: rgba(255, 255, 255, 0.85); margin-top: 24px;
  line-height: 1.55; max-width: 30ch;
}
.ki-scope .ki-stats .stat-cell .src {
  font-family: var(--ki-num); font-size: 11px; letter-spacing: 0.16em;
  text-transform: uppercase; color: rgba(255, 255, 255, 0.45); margin-top: 20px;
}

@media (max-width: 1100px) {
  .ki-scope .ki-stats .stats-grid { grid-template-columns: 1fr; }
  .ki-scope .ki-stats .stat-cell { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
  .ki-scope .ki-stats .stat-cell:last-child { border-bottom: none; }
}