/* Leadership page: below-banner scroll motion only. The hero is intentionally out of scope. */
@media (prefers-reduced-motion: no-preference) {
  html.leadership-content-motion-ready .leadership-content-reveal {
    opacity: 0;
    transform: translate3d(0, 34px, 0);
    transition:
      opacity 0.72s ease,
      transform 0.72s cubic-bezier(0.2, 0.72, 0.24, 1);
    transition-delay: var(--leadership-content-delay, 0ms);
    will-change: opacity, transform;
  }

  html.leadership-content-motion-ready .leadership-content-reveal.is-in-view {
    opacity: 1;
    transform: none;
  }

  html.leadership-content-motion-ready .leadership-metrics-list .bar {
    transform: scaleX(0.035);
    transform-origin: left center;
    transition: transform 1.05s cubic-bezier(0.2, 0.72, 0.24, 1) 0.18s;
    will-change: transform;
  }

  html.leadership-content-motion-ready .leadership-metrics-list.is-in-view .bar {
    transform: scaleX(1);
  }

  .leadership-motion-count {
    display: inline-block;
    min-width: 0.6ch;
    font-variant-numeric: tabular-nums;
  }

  html.leadership-content-motion-ready .chart-card .leadership-motion-line {
    stroke-dasharray: var(--leadership-line-length);
    stroke-dashoffset: var(--leadership-line-length);
    transition: stroke-dashoffset 1.15s cubic-bezier(0.2, 0.72, 0.24, 1) 0.22s;
  }

  html.leadership-content-motion-ready .chart-card.is-in-view .leadership-motion-line {
    stroke-dashoffset: 0;
  }

  html.leadership-content-motion-ready .chart-card .leadership-motion-point {
    opacity: 0;
    transition: opacity 0.38s ease 0.92s;
  }

  html.leadership-content-motion-ready .chart-card.is-in-view .leadership-motion-point {
    opacity: 1;
  }
}

@media (max-width: 600px) and (prefers-reduced-motion: no-preference) {
  html.leadership-content-motion-ready .leadership-content-reveal {
    transform: translate3d(0, 22px, 0);
    transition-duration: 0.58s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .leadership-content-reveal,
  .leadership-metrics-list .bar,
  .chart-card .leadership-motion-line,
  .chart-card .leadership-motion-point {
    opacity: 1;
    transform: none;
    stroke-dashoffset: 0;
    transition: none;
  }
}