/* ============================================================
   Forge motion-система — reveal, stagger, magnetic, tilt
   Работает на всех страницах (нет лока на body.page-home)
   Дизайн: Кира, 2026-05-18
   ============================================================ */

.reveal {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  transition:
    opacity .55s cubic-bezier(.2,.7,.2,1),
    transform .55s cubic-bezier(.2,.7,.2,1);
  transition-delay: calc(var(--reveal-delay, 0) * 1ms);
  will-change: opacity, transform;
}
.reveal.is-revealed {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.reveal-root .reveal:nth-child(1)  { --reveal-delay: 0; }
.reveal-root .reveal:nth-child(2)  { --reveal-delay: 80; }
.reveal-root .reveal:nth-child(3)  { --reveal-delay: 160; }
.reveal-root .reveal:nth-child(4)  { --reveal-delay: 240; }
.reveal-root .reveal:nth-child(5)  { --reveal-delay: 320; }
.reveal-root .reveal:nth-child(6)  { --reveal-delay: 400; }
.reveal-root .reveal:nth-child(7)  { --reveal-delay: 480; }
.reveal-root .reveal:nth-child(8)  { --reveal-delay: 560; }
.reveal-root .reveal:nth-child(9)  { --reveal-delay: 640; }
.reveal-root .reveal:nth-child(10) { --reveal-delay: 720; }

[data-magnetic] {
  --bx: 0px; --by: 0px;
  transition:
    transform .25s cubic-bezier(.2,.7,.2,1),
    background .2s, border-color .2s, color .2s, box-shadow .25s;
}

[data-tilt] {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  transform-style: preserve-3d;
  transition: transform .25s cubic-bezier(.2,.7,.2,1), border-color .25s, box-shadow .25s;
}
[data-tilt]:hover {
  transform: perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0);
}

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  .marquee-forge__track,
  .timeline-forge::before,
  .timeline-forge--horiz::before,
  .timeline-forge--vert::before,
  [data-cursor-glow] * { animation: none !important; }
  [data-magnetic],
  [data-tilt] { transform: none !important; transition: none; }
  .hero-aurora,
  .sub-hero-forge__aurora,
  .final-cta-forge__glow,
  .page-cta-forge__glow,
  .page-404-forge__glow {
    background: radial-gradient(circle at 50% 50%, rgba(245,160,58,.15) 0%, transparent 60%) !important;
  }
}