/*==================================================
ADVANCE NETWORK — ANIMATIONS
Subtle, purposeful motion only.
==================================================*/

/* Directional reveal variants (used via data-reveal on main.js) */

.hidden[data-reveal="left"] {
  transform: translateX(-40px);
}

.hidden[data-reveal="right"] {
  transform: translateX(40px);
}

.hidden[data-reveal="zoom"] {
  transform: scale(0.94);
}

.show[data-reveal] {
  transform: none;
}

/* Staggered delay helpers, applied automatically by main.js to grouped cards */

.reveal-delay-1 {
  transition-delay: 0.08s;
}

.reveal-delay-2 {
  transition-delay: 0.16s;
}

.reveal-delay-3 {
  transition-delay: 0.24s;
}

.reveal-delay-4 {
  transition-delay: 0.32s;
}

/* Logo / hero badge gentle entrance on page load */

.hero-badge,
.hero h1,
.hero p,
.hero-buttons {
  animation: heroFadeUp 0.8s ease both;
}

.hero h1 {
  animation-delay: 0.1s;
}

.hero p {
  animation-delay: 0.2s;
}

.hero-buttons {
  animation-delay: 0.3s;
}

@keyframes heroFadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Button press feedback */

.primary-btn:active,
.secondary-btn:active,
.quote-btn:active,
.filter-btn:active {
  transform: scale(0.97);
}

@media (prefers-reduced-motion: reduce) {
  .hero-badge,
  .hero h1,
  .hero p,
  .hero-buttons {
    animation: none;
  }
}