/* Optional coordinated page presentation. Load only when a page enables it. */

.spinescan-page-composition .ss-section[id] {
  scroll-margin-top: 96px;
}

.spinescan-page-composition .ss-reveal-item {
  opacity: 0;
  transform: translate3d(0, 28px, 0);
  transition: opacity .9s ease, transform .9s cubic-bezier(.18, 1, .32, 1), filter .9s ease, border-color .9s ease, box-shadow .9s ease;
  transition-delay: var(--ss-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.spinescan-page-composition .ss-reveal-item.ss-is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  will-change: auto;
}

/* Preserve the homepage's stronger card entrance while keeping it optional. */
.spinescan-page-composition [data-ss-block="how-we-help"] .ss-service-card.ss-reveal-item {
  filter: blur(5px);
  transform: translate3d(0, 52px, 0) scale(.965);
}

.spinescan-page-composition [data-ss-block="how-we-help"] .ss-service-card.ss-reveal-item.ss-is-visible {
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
  box-shadow: 0 16px 38px rgba(0, 0, 0, .18), 0 0 0 1px rgba(112, 207, 240, .05);
}

.spinescan-page-composition .ss-hero .ss-parallax-text,
.spinescan-page-composition .ss-section .ss-parallax-text,
.spinescan-page-composition .ss-cta .ss-parallax-text {
  --ss-parallax-y: 0px;
  transform: translate3d(0, var(--ss-parallax-y), 0);
  backface-visibility: hidden;
  will-change: transform;
}

body.ss-spinescan-active-navigation .main-navigation .ss-nav-active > a,
body.ss-spinescan-active-navigation #site-navigation .ss-nav-active > a {
  color: #20aee8 !important;
}

body.ss-spinescan-active-navigation .main-navigation .ss-nav-active > a::after,
body.ss-spinescan-active-navigation #site-navigation .ss-nav-active > a::after {
  opacity: 1;
  transform: scaleX(1);
}

body.ss-spinescan-active-navigation .main-navigation .ss-nav-active > a {
  text-shadow: 0 0 18px rgba(32, 174, 232, .24);
}

@media (max-width: 768px) {
  .spinescan-page-composition .ss-section[id] {
    scroll-margin-top: 112px;
  }

  body.ss-spinescan-active-navigation .main-navigation .ss-nav-active > a,
  body.ss-spinescan-active-navigation #site-navigation .ss-nav-active > a {
    color: #20aee8;
    text-shadow: none;
  }
}

@media (max-width: 767px) {
  .spinescan-page-composition .ss-reveal-item {
    transform: translate3d(0, 22px, 0);
    transition-duration: .52s;
  }

  .spinescan-page-composition .ss-hero .ss-parallax-text,
  .spinescan-page-composition .ss-section .ss-parallax-text,
  .spinescan-page-composition .ss-cta .ss-parallax-text {
    --ss-parallax-y: 0px !important;
    transform: none !important;
    will-change: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .spinescan-page-composition .ss-reveal-item {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    will-change: auto;
  }

  .spinescan-page-composition .ss-hero .ss-parallax-text,
  .spinescan-page-composition .ss-section .ss-parallax-text,
  .spinescan-page-composition .ss-cta .ss-parallax-text {
    --ss-parallax-y: 0px !important;
    transform: none !important;
    will-change: auto;
  }
}