/* Premium motion — used with IntersectionObserver */

.anim {
  opacity: 1;
  transform: none;
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

.anim.is-in {
  opacity: 1;
  transform: none;
}

.fade-up,
.fade-in,
.slide-left,
.slide-right,
.scale-in {
  transform: none;
}

.delay-1 { transition-delay: 0.08s; }
.delay-2 { transition-delay: 0.16s; }
.delay-3 { transition-delay: 0.24s; }
.delay-4 { transition-delay: 0.32s; }
.delay-5 { transition-delay: 0.4s; }
.delay-6 { transition-delay: 0.48s; }

.floating {
  animation: floatY 5.5s ease-in-out infinite;
}

.floating-slow { animation: floatY 7.5s ease-in-out infinite; }

@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

.pulse {
  animation: pulseGlow 2.8s ease-in-out infinite;
}

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 10px 24px rgba(240, 120, 32, 0.2); }
  50% { box-shadow: 0 12px 32px rgba(240, 120, 32, 0.42); }
}

.image-reveal {
  clip-path: none;
}

.image-reveal.is-in { clip-path: none; }

.hover-lift { will-change: transform; }

.hero-visual img {
  animation: heroGlow 8s ease-in-out infinite;
}

@keyframes heroGlow {
  0%, 100% { filter: saturate(1); }
  50% { filter: saturate(1.08) brightness(1.04); }
}

.network-dot {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(240, 120, 32, 0.16);
  animation: pulseGlow 2.4s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  .anim,
  .floating,
  .floating-slow,
  .pulse,
  .hero-visual img,
  .network-dot,
  .btn,
  .hover-lift,
  .industry-card img,
  .portfolio-card img,
  .blog-card img,
  .case-study-card img {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
    clip-path: none !important;
  }
}