/* ============================================================
   SLIDE 1 · Cold open · 0.5%
   Number scrubs 100.0 → 0.5. The % sign bleeds from paper to red
   as the number drops.
   ============================================================ */

.slide-1 { flex-direction: column; }

.slide-1 .stat-display {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transform: translateY(24px);
}
.slide-1.started .stat-display {
  animation: slide1-statEnter 1200ms var(--ease-out-quart) 300ms forwards;
}

.slide-1 .stat-number {
  font-family: var(--font-display);
  font-optical-sizing: auto;
  font-weight: 800;
  font-variation-settings: "opsz" 144;
  font-size: clamp(7rem, 28vw, 24rem);
  line-height: 0.88;
  letter-spacing: -0.045em;
  color: var(--paper);
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: baseline;
}

.slide-1 .stat-number .pct {
  color: var(--accent);
  font-size: 0.42em;
  margin-left: 0.04em;
  font-weight: 900;
  font-variation-settings: "opsz" 144, "wght" 900;
  line-height: 1;
  transform: translateY(-0.12em);
}

@keyframes slide1-statEnter {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}