/* Ki — Big Number widget. Source: Ki Sustainability.html lines 208–217, 729–745.
   All selectors scoped under .ki-scope .ki-bignum. */

.ki-scope .ki-bignum {
  background: #ECFEFF; padding: 120px 0; text-align: center;
}
.ki-scope .ki-bignum .eq {
  display: inline-flex; align-items: center; gap: 40px;
  flex-wrap: wrap; justify-content: center;
}
.ki-scope .ki-bignum .term {
  display: flex; flex-direction: column; align-items: center;
}
.ki-scope .ki-bignum .term .v {
  font-family: var(--ki-serif); font-size: clamp(72px, 11vw, 150px);
  line-height: 0.85; letter-spacing: -0.02em;
}
.ki-scope .ki-bignum .term.from .v { color: #7A5A3A; }
.ki-scope .ki-bignum .term.to .v   { color: var(--ki-blue); }
.ki-scope .ki-bignum .term .c {
  font-family: var(--ki-sans); font-size: 12px; letter-spacing: 0.2em;
  text-transform: uppercase; color: var(--ki-ink-mute);
  margin-top: 18px; font-weight: 600;
}
.ki-scope .ki-bignum .arrow {
  font-family: var(--ki-serif); font-size: clamp(40px, 6vw, 80px);
  color: var(--ki-ink-mute); line-height: 1;
}
.ki-scope .ki-bignum .note {
  margin-top: 48px; font-family: var(--ki-sans); font-size: 14px;
  color: var(--ki-ink-mute); max-width: 60ch; margin-inline: auto; line-height: 1.6;
}

@media (max-width: 700px) {
  .ki-scope .ki-bignum { padding: 80px 0; }
  .ki-scope .ki-bignum .eq { gap: 24px; }
}