/* STANISTROI / Stage 03: service-card motion, scoped to existing four cards.
   Only enabled after JS observes the section; cards remain visible without JS. */

/* While waiting for the scroll threshold, preserve the layout and link targets. */
.ss-service-list.ss-service-list--motion .ss-service-card {
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:
    opacity 580ms ease,
    transform 680ms cubic-bezier(.19,.72,.21,1);
  will-change:opacity,transform;
}
.ss-service-list.ss-service-list--motion.is-revealed .ss-service-card {
  opacity:1;
  transform:translate3d(0,0,0);
  will-change:auto;
}
.ss-service-list.ss-service-list--motion.is-revealed .ss-service-card:nth-child(1) { transition-delay:70ms; }
.ss-service-list.ss-service-list--motion.is-revealed .ss-service-card:nth-child(2) { transition-delay:160ms; }
.ss-service-list.ss-service-list--motion.is-revealed .ss-service-card:nth-child(3) { transition-delay:250ms; }
.ss-service-list.ss-service-list--motion.is-revealed .ss-service-card:nth-child(4) { transition-delay:340ms; }

/* Gentle interaction detail, independent of scroll animations. */
.ss-service-card__image {
  transition:transform 460ms cubic-bezier(.2,.7,.2,1),filter 460ms ease;
}
.ss-service-card:hover .ss-service-card__image,
.ss-service-card:focus-within .ss-service-card__image {
  transform:scale(1.065);
  filter:saturate(1.05) contrast(1.04);
}
.ss-service-card__link {
  transition:transform 220ms cubic-bezier(.2,.7,.2,1),background-color 220ms ease,color 220ms ease;
}

/* Preserve accessibility and prevent hidden content for reduced-motion visitors. */
@media (prefers-reduced-motion:reduce) {
  .ss-service-list.ss-service-list--motion .ss-service-card,
  .ss-service-list.ss-service-list--motion.is-revealed .ss-service-card {
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    transition-delay:0ms!important;
    will-change:auto!important;
  }
  .ss-service-card__image,
  .ss-service-card__link {
    transition:none!important;
  }
  .ss-service-card:hover .ss-service-card__image,
  .ss-service-card:focus-within .ss-service-card__image {
    transform:none!important;
  }
}