/* Shared page motion — home, portfolio, services */

@keyframes inftdes-hero-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

body.business.inftdes-motion-on .inftdes-hero-content {
  animation: inftdes-hero-in 0.35s cubic-bezier(0.22, 1, 0.36, 1) both;
}

body.business .inftdes-reveal {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.38s ease-out, transform 0.38s ease-out;
}

body.business .inftdes-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Services: keep highlight icon float when motion on */
@keyframes inftdes-icon-float {
  0%,
  100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

body.services-page.inftdes-motion-on .svc-highlight:nth-child(1) .svc-highlight__icon { animation: inftdes-icon-float 3s ease-in-out infinite; }
body.services-page.inftdes-motion-on .svc-highlight:nth-child(2) .svc-highlight__icon { animation: inftdes-icon-float 3s ease-in-out 0.4s infinite; }
body.services-page.inftdes-motion-on .svc-highlight:nth-child(3) .svc-highlight__icon { animation: inftdes-icon-float 3s ease-in-out 0.8s infinite; }
body.services-page.inftdes-motion-on .svc-highlight:nth-child(4) .svc-highlight__icon { animation: inftdes-icon-float 3s ease-in-out 1.2s infinite; }

@media (prefers-reduced-motion: reduce) {
  body.business.inftdes-motion-on .inftdes-hero-content {
    animation: none !important;
  }
  body.business .inftdes-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  body.services-page.inftdes-motion-on .svc-highlight__icon {
    animation: none !important;
  }
}