html.motion [data-page="programs"] .page-hero .eyebrow,
html.motion [data-page="programs"] .page-hero h1,
html.motion [data-page="programs"] .page-hero .lede,
html.motion [data-page="programs"] .page-hero .hand,
html.motion [data-page="programs"] .page-hero .cta-row {
  opacity: 0;
}
html.motion [data-page="programs"] .hero-word { display: inline-block; will-change: transform, opacity; }
html.motion [data-page="programs"] .page-hero .orbit-bg { opacity: 0; }
html.motion [data-page="programs"] .photo-stack .polaroid,
html.motion [data-page="programs"] .photo-stack .doodle {
  opacity: 0;
}
html.motion [data-page="programs"] .photo-stack .tape { opacity: 0; }

html.motion [data-page="programs"] .action-head .eyebrow,
html.motion [data-page="programs"] .action-head h2,
html.motion [data-page="programs"] .action-head p,
html.motion [data-page="programs"] .program-card {
  opacity: 0;
}
html.motion [data-page="programs"] .program-card .tape { opacity: 0; }

html.motion [data-page="programs"] .cta-band h2,
html.motion [data-page="programs"] .cta-band .band-inner p,
html.motion [data-page="programs"] .cta-band .cta-row {
  opacity: 0;
}
html.motion [data-page="programs"] .cta-band .band-orbit ellipse { will-change: transform; }

html.motion [data-page="programs"] .motion-done { will-change: auto; }

@media (prefers-reduced-motion: reduce) {
  html.motion [data-page="programs"] .page-hero .eyebrow,
  html.motion [data-page="programs"] .page-hero h1,
  html.motion [data-page="programs"] .page-hero .lede,
  html.motion [data-page="programs"] .page-hero .hand,
  html.motion [data-page="programs"] .page-hero .cta-row,
  html.motion [data-page="programs"] .page-hero .orbit-bg,
  html.motion [data-page="programs"] .photo-stack .polaroid,
  html.motion [data-page="programs"] .photo-stack .doodle,
  html.motion [data-page="programs"] .photo-stack .tape,
  html.motion [data-page="programs"] .action-head .eyebrow,
  html.motion [data-page="programs"] .action-head h2,
  html.motion [data-page="programs"] .action-head p,
  html.motion [data-page="programs"] .program-card,
  html.motion [data-page="programs"] .program-card .tape,
  html.motion [data-page="programs"] .cta-band h2,
  html.motion [data-page="programs"] .cta-band .band-inner p,
  html.motion [data-page="programs"] .cta-band .cta-row {
    opacity: 1 !important;
  }
}