/* Progressive enhancement for the projects, services and awards index pages. */
.section-animations-page :is(.button, .text-link, .project-link):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

@media (prefers-reduced-motion: no-preference) {
  .section-animations-page .section-reveal-pending {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }

  .section-animations-page :is(
    .header > *,
    .services-intro-copy,
    .services-intro .media-bg img,
    #services .service-head,
    #services .asset-picture,
    #services article > .split > .stack,
    .portfolio-copy,
    .portfolio-cover,
    .award-copy,
    .award-backdrop img
  ) {
    will-change: opacity, transform;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:has(body.section-animations-page) { scroll-behavior: auto; }
  .section-animations-page .section-reveal-pending { opacity: 1; transform: none; }
}