/* ==========================================================================
   TECHNOGRAIL — ANIMATIONS
   ========================================================================== */

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

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 0 0 0 rgba(184,115,59,0.35); }
  50%      { box-shadow: 0 0 24px 6px rgba(184,115,59,0.35); }
}

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

@keyframes scrollCueMove {
  0%   { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(10px); opacity: 0.2; }
}

.hero__scroll-cue span {
  display: inline-block;
  width: 1px; height: 24px;
  background: var(--tg-text-faint);
  animation: scrollCueMove 1.6s var(--ease-quest) infinite;
}

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

[data-reveal].in-view {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.9s var(--ease-quest), transform 0.9s var(--ease-quest);
}

@media (prefers-reduced-motion: reduce) {
  [data-reveal] { opacity: 1 !important; transform: none !important; }
  .is-floating, .hero__scroll-cue span { animation: none !important; }
}