/* Hero parallax cover reveal
   Service pages only. Homepage is excluded because its stacked framework sections need a separate scroll treatment. */
@media (min-width: 760px) and (prefers-reduced-motion: no-preference) {
  .service-page main#top {
    position: relative;
    isolation: isolate;
    background: var(--white);
  }

  .service-page .service-hero {
    position: sticky !important;
    top: 0 !important;
    z-index: 0 !important;
    min-height: 100svh !important;
    display: grid !important;
    align-items: center !important;
    transform: translateZ(0);
    will-change: transform;
  }

  .service-page main#top > section:not(.service-hero) {
    position: relative;
    z-index: 2;
  }

  .service-page main#top > .service-section:not(.dark),
  .service-page main#top > .service-impact,
  .service-page main#top > .section-pad {
    background-color: var(--white);
  }

  .service-page main#top > section:nth-of-type(2) {
    box-shadow: 0 -30px 80px rgba(16, 30, 52, .16);
  }
}