.service-clientsay-stack {
  position: relative;
  isolation: isolate;
}

.service-clientsay-stack #clientsay-section {
  position: relative;
  z-index: 2;
}

/* Pin Client Say while scrolling, then footer slides up (same as home / about) */
.service-clientsay-stack .clientsay-pin {
  position: relative;
  z-index: 2;
  height: 200vh;
  height: calc(100dvh + 100dvh);
}

.service-clientsay-stack .clientsay-pin .clientsay {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100dvh;
  min-height: 100vh;
  min-height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
}

/* Footer slides up over Client Say with parallax */
.balance-page #footer-section {
  position: relative;
  z-index: 10;
  margin-top: -100vh;
  margin-top: -100dvh;
}

@media (max-width: 900px) {
  .service-clientsay-stack .clientsay-pin {
    height: auto;
  }

  .service-clientsay-stack .clientsay-pin .clientsay {
    position: relative;
    top: auto;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .balance-page #footer-section {
    margin-top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .service-clientsay-stack .site-footer-wrap,
  .service-clientsay-stack .site-footer-wrap.is-footer-parallax {
    transform: none !important;
    transition: none !important;
  }
}
