html.motion [data-page="about"] .photo-hero .eyebrow,
html.motion [data-page="about"] .photo-hero h1 {
  opacity: 0;
}
html.motion [data-page="about"] .photo-hero-word {
  display: inline-block;
  will-change: transform, opacity;
}
html.motion [data-page="about"] .photo-hero > img {
  will-change: transform;
}

html.motion [data-page="about"] .section.tinted .action-head .eyebrow,
html.motion [data-page="about"] .section.tinted .action-head h2,
html.motion [data-page="about"] .story-card {
  opacity: 0;
}
html.motion [data-page="about"] .story-card .tape,
html.motion [data-page="about"] .story-card .prose > p {
  opacity: 0;
}

html.motion [data-page="about"] .mission-quote .quote-card,
html.motion [data-page="about"] .mission-body .eyebrow,
html.motion [data-page="about"] .mission-body h2,
html.motion [data-page="about"] .mission-body > p,
html.motion [data-page="about"] .mission-cta,
html.motion [data-page="about"] .pillar {
  opacity: 0;
}
html.motion [data-page="about"] .quote-card .tape {
  opacity: 0;
}

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

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

@media (prefers-reduced-motion: reduce) {
  html.motion [data-page="about"] .photo-hero .eyebrow,
  html.motion [data-page="about"] .photo-hero h1,
  html.motion [data-page="about"] .section.tinted .action-head .eyebrow,
  html.motion [data-page="about"] .section.tinted .action-head h2,
  html.motion [data-page="about"] .story-card,
  html.motion [data-page="about"] .story-card .tape,
  html.motion [data-page="about"] .story-card .prose > p,
  html.motion [data-page="about"] .mission-quote .quote-card,
  html.motion [data-page="about"] .mission-body .eyebrow,
  html.motion [data-page="about"] .mission-body h2,
  html.motion [data-page="about"] .mission-body > p,
  html.motion [data-page="about"] .mission-cta,
  html.motion [data-page="about"] .pillar,
  html.motion [data-page="about"] .quote-card .tape,
  html.motion [data-page="about"] .cta-band h2,
  html.motion [data-page="about"] .cta-band .band-inner p,
  html.motion [data-page="about"] .cta-band .cta-row-rect {
    opacity: 1 !important;
  }
}