/* ============================================================
   Arcaya site-wide animations (excludes homepage)
   Applied via [data-arcaya-anim] wrapper on each section.
   ============================================================ */

/* --- Reveal-on-scroll DISABLED (sections always visible) --- */

[data-arcaya-anim] .is-in,
[data-arcaya-anim] [data-anim].is-in,
[data-arcaya-anim] section > .is-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Stagger children inside revealed grids/lists */
[data-arcaya-anim] .ap-category-strip.is-in > * { animation: ar-rise 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
[data-arcaya-anim] .ap-category-strip.is-in > *:nth-child(1) { animation-delay: 0.05s; }
[data-arcaya-anim] .ap-category-strip.is-in > *:nth-child(2) { animation-delay: 0.12s; }
[data-arcaya-anim] .ap-category-strip.is-in > *:nth-child(3) { animation-delay: 0.19s; }
[data-arcaya-anim] .ap-category-strip.is-in > *:nth-child(4) { animation-delay: 0.26s; }
[data-arcaya-anim] .ap-category-strip.is-in > *:nth-child(5) { animation-delay: 0.33s; }

[data-arcaya-anim] .ap-diff-grid.is-in > * { animation: ar-rise 0.65s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
[data-arcaya-anim] .ap-diff-grid.is-in > *:nth-child(1) { animation-delay: 0.05s; }
[data-arcaya-anim] .ap-diff-grid.is-in > *:nth-child(2) { animation-delay: 0.12s; }
[data-arcaya-anim] .ap-diff-grid.is-in > *:nth-child(3) { animation-delay: 0.19s; }
[data-arcaya-anim] .ap-diff-grid.is-in > *:nth-child(4) { animation-delay: 0.26s; }
[data-arcaya-anim] .ap-diff-grid.is-in > *:nth-child(5) { animation-delay: 0.33s; }
[data-arcaya-anim] .ap-diff-grid.is-in > *:nth-child(6) { animation-delay: 0.4s; }

[data-arcaya-anim] .ap-process.is-in > * { animation: ar-rise 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
[data-arcaya-anim] .ap-process.is-in > *:nth-child(1) { animation-delay: 0.05s; }
[data-arcaya-anim] .ap-process.is-in > *:nth-child(2) { animation-delay: 0.10s; }
[data-arcaya-anim] .ap-process.is-in > *:nth-child(3) { animation-delay: 0.15s; }
[data-arcaya-anim] .ap-process.is-in > *:nth-child(4) { animation-delay: 0.20s; }
[data-arcaya-anim] .ap-process.is-in > *:nth-child(5) { animation-delay: 0.25s; }
[data-arcaya-anim] .ap-process.is-in > *:nth-child(6) { animation-delay: 0.30s; }

[data-arcaya-anim] .hiw-process-row.is-in .hiw-process-item { animation: ar-rise 0.55s cubic-bezier(0.22, 0.61, 0.36, 1) both; }
[data-arcaya-anim] .hiw-process-row.is-in .hiw-process-item:nth-child(1) { animation-delay: 0.05s; }
[data-arcaya-anim] .hiw-process-row.is-in .hiw-process-item:nth-child(2) { animation-delay: 0.10s; }
[data-arcaya-anim] .hiw-process-row.is-in .hiw-process-item:nth-child(3) { animation-delay: 0.15s; }
[data-arcaya-anim] .hiw-process-row.is-in .hiw-process-item:nth-child(4) { animation-delay: 0.20s; }
[data-arcaya-anim] .hiw-process-row.is-in .hiw-process-item:nth-child(5) { animation-delay: 0.25s; }
[data-arcaya-anim] .hiw-process-row.is-in .hiw-process-item:nth-child(6) { animation-delay: 0.30s; }
[data-arcaya-anim] .hiw-process-row.is-in .hiw-process-item:nth-child(7) { animation-delay: 0.35s; }
[data-arcaya-anim] .hiw-process-row.is-in .hiw-process-item:nth-child(8) { animation-delay: 0.40s; }

@keyframes ar-rise {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* --- Image hover (zoom + brightness) --- */
[data-arcaya-anim] .ap-cat .ap-cat__media,
[data-arcaya-anim] .ap-panel,
[data-arcaya-anim] .ap-feature,
[data-arcaya-anim] .ap-step__image,
[data-arcaya-anim] .ap-story__image,
[data-arcaya-anim] .ap-cta,
[data-arcaya-anim] .alr-cat,
[data-arcaya-anim] .persona,
[data-arcaya-anim] .zig__media,
[data-arcaya-anim] .as-stronger__media,
[data-arcaya-anim] .hiw-media {
  overflow: hidden;
  position: relative;
}

[data-arcaya-anim] .ap-cat .ap-cat__media img,
[data-arcaya-anim] .ap-panel > img,
[data-arcaya-anim] .ap-feature img,
[data-arcaya-anim] .ap-step__image img,
[data-arcaya-anim] .ap-story__image img,
[data-arcaya-anim] .ap-cta > img,
[data-arcaya-anim] .alr-cat img,
[data-arcaya-anim] .persona img,
[data-arcaya-anim] .zig__media img,
[data-arcaya-anim] .as-stronger__media img,
[data-arcaya-anim] .hiw-media img {
  transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
              filter 0.5s ease;
  will-change: transform;
}

[data-arcaya-anim] .ap-cat:hover .ap-cat__media img,
[data-arcaya-anim] .ap-panel:hover > img,
[data-arcaya-anim] .ap-feature:hover img,
[data-arcaya-anim] .ap-step:hover .ap-step__image img,
[data-arcaya-anim] .ap-story__image:hover img,
[data-arcaya-anim] .ap-cta:hover > img,
[data-arcaya-anim] .alr-cat:hover img,
[data-arcaya-anim] .persona:hover img,
[data-arcaya-anim] .zig:hover .zig__media img,
[data-arcaya-anim] .as-stronger__media:hover img,
[data-arcaya-anim] .hiw-media:hover img {
  transform: scale(1.05);
  filter: brightness(1.04);
}

/* --- Subtle lift on cards --- */
[data-arcaya-anim] .ap-feature-card,
[data-arcaya-anim] .ap-diff,
[data-arcaya-anim] .better-card,
[data-arcaya-anim] .persona,
[data-arcaya-anim] .hiw-trust-item,
[data-arcaya-anim] .hiw-control-note {
  transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1),
              box-shadow 0.4s ease;
}
[data-arcaya-anim] .ap-feature-card:hover,
[data-arcaya-anim] .ap-diff:not(.ap-diff--cta):hover,
[data-arcaya-anim] .better-card:hover,
[data-arcaya-anim] .hiw-trust-item:hover,
[data-arcaya-anim] .hiw-control-note:hover {
  transform: translateY(-3px);
}

/* --- Buttons: smooth press feedback --- */
[data-arcaya-anim] a,
[data-arcaya-anim] button {
  transition-property: background, color, border-color, transform, box-shadow, opacity;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* --- Reduced motion respect --- */
@media (prefers-reduced-motion: reduce) {
  [data-arcaya-anim] *,
  [data-arcaya-anim] *::before,
  [data-arcaya-anim] *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
  }
  [data-arcaya-anim] [data-anim],
  [data-arcaya-anim] section > *,
  [data-arcaya-anim] .is-in {
    opacity: 1 !important;
    transform: none !important;
  }
}