.feat-lead-numbers { background: #0c0a08; }
.feat-lead-numbers .glow { position: absolute; left: 50%; top: 58%; width: 120%; aspect-ratio: 1; transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(201,138,75,.26), rgba(201,138,75,.06) 45%, transparent 72%); filter: blur(10px);
  transition: opacity 1.2s var(--ease); }
.feat-lead-numbers .cards { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; }
.feat-lead-numbers .card { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; text-align: center;
  padding: 0 8%; opacity: 0; transform: translateY(10px); transition: opacity 900ms var(--ease), transform 900ms var(--ease); will-change: opacity, transform; }
.feat-lead-numbers .card.is-on { opacity: 1; transform: none; }
.feat-lead-numbers .card.is-out { opacity: 0; transform: translateY(-10px); }
.feat-lead-numbers .fig { font-family: var(--font-display); font-weight: 300; font-size: clamp(96px, 22cqw, 300px); line-height: .9; letter-spacing: -.03em;
  color: #f6ead6; font-variant-numeric: lining-nums; text-shadow: 0 0 60px rgba(232,164,92,.25); }
.feat-lead-numbers .unit { margin-top: .6em; font: 500 clamp(11px, 1.6cqw, 14px)/1 var(--font-ui); letter-spacing: .22em; text-transform: uppercase; color: var(--accent); }
.feat-lead-numbers .cap { margin-top: 1.2em; max-width: 30em; font-family: var(--font-display); font-weight: 360; font-size: clamp(15px, 2.1cqw, 22px); line-height: 1.35;
  color: var(--fg-dim); text-wrap: balance; }
.feat-lead-numbers { container-type: inline-size; }