/* Shared scroll-reveal for process sections on all service pages */
.seo-process .seo-process-img {
  opacity: 0;
  transition:
    opacity 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0.25s,
    transform 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0.25s;
}

.seo-process .seo-process-row:not(.is-reverse) .seo-process-img {
  transform: translateX(100px);
}

.seo-process .seo-process-row.is-reverse .seo-process-img {
  transform: translateX(-100px);
}

.seo-process .seo-process-row.is-in-view .seo-process-img {
  opacity: 1;
  transform: translateX(0);
}

/* Mobile/tablet — animate the whole step row (image + text stay paired) */
@media (max-width: 1024px) {
  .seo-process .seo-process-row {
    opacity: 0;
    transform: translateY(28px);
    transition:
      opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.1s,
      transform 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
  }

  .seo-process .seo-process-row.is-in-view {
    opacity: 1;
    transform: translateY(0);
  }

  .seo-process .seo-process-row .seo-process-img {
    opacity: 1;
    transform: none !important;
    transition: none;
  }

  /* Split sections (image + copy) — same scroll reveal as process steps */
  .seo-split > * {
    opacity: 0;
    transform: translateY(28px);
    transition:
      opacity 1.4s cubic-bezier(0.16, 1, 0.3, 1),
      transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .seo-split > *:nth-child(1) {
    transition-delay: 0.1s;
  }

  .seo-split > *:nth-child(2) {
    transition-delay: 0.22s;
  }

  .seo-split.is-in-view > * {
    opacity: 1;
    transform: translateY(0);
  }
}