/* ============================================================
   partners-scroll-animation.css — CONSOLIDATED v5
   Only addition: minor styling for the isolated "$6.7" inline
   spin target so it doesn't jitter/reflow the surrounding
   headline while cycling through random digits.
   Everything else (Sections 1, 3, 5) unchanged from before.
   ============================================================ */

/* ---------------------------------------------------------------
   SECTION 1: Non-Profit Partners logos — fade + slide UP
   --------------------------------------------------------------- */
.partners-logo-col {
  opacity: 0;
  transform: translateY(28px);
  transition:
    opacity  0.55s cubic-bezier(0, 0, 0.23, 0.99),
    transform 0.55s cubic-bezier(0, 0, 0.23, 0.99);
  transition-delay: var(--logo-delay, 0ms);
}
.partners-logo-col.logo-visible {
  opacity: 1;
  transform: translateY(0);
}

.partners-heading-reveal {
  opacity: 0;
  transform: translateX(-20px);
  transition:
    opacity  0.6s cubic-bezier(0, 0, 0.23, 0.99),
    transform 0.6s cubic-bezier(0, 0, 0.23, 0.99);
}
.partners-heading-reveal.logo-visible {
  opacity: 1;
  transform: translateX(0);
}

.partners-logo-col.logo-visible .partners-logo-container {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.partners-logo-col.logo-visible .partners-logo-container:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 8px 24px rgba(37, 91, 227, 0.15);
}


/* ---------------------------------------------------------------
   SECTION 3: "About the Campaign" image
   --------------------------------------------------------------- */
.about-image-reveal {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity  0.6s cubic-bezier(0, 0, 0.23, 0.99),
    transform 0.6s cubic-bezier(0, 0, 0.23, 0.99);
}
.about-image-reveal.logo-visible {
  opacity: 1;
  transform: translateY(0);
}


/* ---------------------------------------------------------------
   SECTION 5: "Help us make a difference" boxes
   MILD bottom-to-top reveal — unchanged timing/distance
   --------------------------------------------------------------- */
.diff-box-reveal {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity  0.45s ease-out,
    transform 0.45s ease-out;
  transition-delay: var(--diff-delay, 0ms);
}
.diff-box-reveal.logo-visible {
  opacity: 1;
  transform: translateY(0);
}

/* NEW — the isolated "$6.7" inline spin target.
   tabular-nums + fixed min-width prevent the surrounding
   sentence from jumping around while digits cycle */
.spin-number-inline {
  display: inline-block;
  min-width: 2.6em;
  font-variant-numeric: tabular-nums;
  text-align: left;
}


/* ---------------------------------------------------------------
   Accessibility — disable all animations for motion-sensitive users
   --------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .partners-logo-col,
  .partners-heading-reveal,
  .about-image-reveal,
  .diff-box-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}