/* ============================================================
   ANIMATIONS.CSS
   Every @keyframes definition used across the site: the ticker
   scroll, performance-card fade-in, philosophy/geo bar fills, the
   VC Genome bar grow animation, and the fundraising report fade-in.
   Keyframes are referenced by name via the `animation:` property
   wherever they're used, so their physical location in the
   cascade doesn't matter - load this file anywhere.
   ============================================================ */
@keyframes scroll {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
  }
@keyframes perfCardIn {
    to { opacity: 1; transform: translateY(0); }
  }
@keyframes philBarFill {
    to { transform: scaleX(1); }
  }
@keyframes geoBarFill {
    to { transform: scaleX(1); }
  }
@keyframes genomeBarGrow {
    to { transform: scaleY(1); }
  }
@keyframes frFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }