/*
 * aigence-motion-tame.css
 * ─────────────────────────────────────────────────────────
 * Kills ALL constant autonomous decorative shape motion.
 * Replaces with hover/scroll-driven subtle interactions.
 *
 * PRESERVED (not touched):
 *   - WOW.js scroll-triggered entrance animations
 *   - GSAP split-text reveals
 *   - Swiper / Owl carousels
 *   - Hover-triggered card shape transitions
 *   - Jarallax parallax backgrounds
 *   - Hero BG Ken Burns zoom (slowed)
 * ─────────────────────────────────────────────────────────
 */

/* =============================================================
   1. KILL ALL CONSTANT DECORATIVE SHAPE MOTION
   Complete list of every selector in aigence.css that uses
   shapeRotate, shapeRotate2, moveX, moveX2, moveShape,
   movingX on decorative elements.
   ============================================================= */

/* Hero shapes (all variants) */
.hero-one__shape,
.hero-one__image__shape,
.hero-one__name__shape,
.hero-one__content__shape,
.hero-two__shape-1,
.hero-two__shape-2,
.hero-three__shape-1,
.hero-three__shape-2,
/* About shapes */
.about-one__video__shape,
.about-two__image__shape,
.about-three__shape,
/* Quote shapes */
.quote-one__shape-1,
.quote-one__shape-2,
.quote-one__image,
/* Why-choose shapes */
.why-choose__image__shape,
.why-choose-two__shape,
/* AI power / CTA shapes */
.ai-power__shape-1,
.ai-power__shape-2,
.cta-one__image,
/* Process / Services shapes */
.our-process__bg__shape,
.services-one__shape,
/* Newsletter shape */
.newsletter__shape,
/* Team shape */
.team-two .team-two__shape,
/* App download */
.app-download__image,
/* Error page shapes */
.error-404__shape-1,
.error-404__shape-2,
.error-404__shape-3,
/* Service sidebar */
.service-sidebar__contact__shape,
/* Funfact shapes */
.funfact-two__item__shape,
/* Contact logo spin */
.contact-page__logo img {
  animation: none !important;
}

/* =============================================================
   2. HERO BG — keep the Ken Burns zoom, just slow it way down
   ============================================================= */
.hero-two__bg__inner,
.hero-one__bg,
.hero-three__bg__inner {
  animation-duration: 20s !important;
  animation-iteration-count: infinite !important;
}

/* Curved-circle text rings — slow rotation is intentional design */
.hero-three__video .curved-circle,
.about-four__circle .curved-circle {
  animation-duration: 30s !important;
}

/* =============================================================
   3. HOVER INTERACTIONS — shapes respond to mouse, not on their own
   ============================================================= */

/* All decorative shape images: subtle scale + rotate on hover */
.hero-two__shape-1,
.hero-two__shape-2,
.hero-one__shape,
.hero-one__image__shape,
.hero-one__name__shape,
.hero-one__content__shape,
.about-one__video__shape,
.about-two__image__shape,
.about-three__shape,
.quote-one__shape-1,
.quote-one__shape-2,
.why-choose__image__shape,
.why-choose-two__shape,
.ai-power__shape-1,
.ai-power__shape-2,
.newsletter__shape,
.our-process__bg__shape,
.services-one__shape,
.error-404__shape-1,
.error-404__shape-2,
.error-404__shape-3,
.cta-one__image,
.app-download__image {
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  will-change: transform;
}

.hero-two__shape-1:hover,
.hero-two__shape-2:hover,
.hero-one__shape:hover,
.hero-one__image__shape:hover,
.hero-one__name__shape:hover,
.hero-one__content__shape:hover,
.about-one__video__shape:hover,
.about-two__image__shape:hover,
.about-three__shape:hover,
.quote-one__shape-1:hover,
.quote-one__shape-2:hover,
.why-choose__image__shape:hover,
.why-choose-two__shape:hover,
.ai-power__shape-1:hover,
.ai-power__shape-2:hover,
.newsletter__shape:hover,
.our-process__bg__shape:hover,
.services-one__shape:hover,
.error-404__shape-1:hover,
.error-404__shape-2:hover,
.error-404__shape-3:hover,
.cta-one__image:hover,
.app-download__image:hover {
  transform: scale(1.05) rotate(3deg) !important;
}

/* Parent section hover — shapes react when user engages with the section */
.hero-two:hover .hero-two__shape-1,
.hero-two:hover .hero-two__shape-2 {
  transform: translateY(-8px) rotate(2deg) !important;
}

.about-two:hover .about-two__image__shape {
  transform: translateX(6px) !important;
}

.quote-one:hover .quote-one__shape-1 {
  transform: translateY(-6px) rotate(-2deg) !important;
}

.why-choose-two:hover .why-choose-two__shape {
  transform: translateX(-6px) !important;
}

/* =============================================================
   4. REDUCE OPACITY — decorative shapes shouldn't dominate
   ============================================================= */
.hero-two__shape-1 img,
.hero-two__shape-2 img,
.hero-one__shape img,
.hero-one__image__shape img,
.about-two__image__shape img,
.quote-one__shape-1 img,
.quote-one__shape-2 img,
.why-choose-two__shape img,
.ai-power__shape-1 img,
.ai-power__shape-2 img,
.newsletter__shape img {
  opacity: 0.7;
}

/* If the shape IS the img (not a wrapper) */
img.hero-two__shape-1,
img.hero-two__shape-2,
img.hero-one__shape,
img.hero-one__image__shape,
img.hero-one__name__shape,
img.hero-one__content__shape,
img.about-two__image__shape,
img.quote-one__shape-1,
img.quote-one__shape-2,
img.why-choose-two__shape,
img.ai-power__shape-1,
img.ai-power__shape-2,
img.newsletter__shape {
  opacity: 0.7;
}

/* =============================================================
   5. PREFERS-REDUCED-MOTION — respect OS accessibility settings
   ============================================================= */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  [class*="__shape"] img,
  img[class*="__shape"] {
    display: none !important;
  }
}