/* ======================================
   animations.css – AK HIGH END (CLEAN)
====================================== */

:root{
  --ease-premium: cubic-bezier(.22,.61,.36,1);
}

/* HERO – LINE ANIMATION */
.line{
  opacity:0;
  transform:translateY(28px);
  animation:lineUp .9s var(--ease-premium) forwards;
}
.line:nth-child(1){animation-delay:.15s;}
.line:nth-child(2){animation-delay:.35s;}
.line:nth-child(3){animation-delay:.55s;}
.line:nth-child(4){animation-delay:.75s;}
@keyframes lineUp{to{opacity:1; transform:translateY(0);}}

/* ======================================
   SCROLL REVEAL
   Compatible with:
   - .reveal.active   (your current main.php)
   - .reveal.is-visible (optional)
====================================== */

.reveal{
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .65s var(--ease-premium),
    transform .65s var(--ease-premium);
  will-change: opacity, transform;
}

/* works with your current JS */
.reveal.active,
.reveal.is-visible{
  opacity:1;
  transform:none;
}

/* Optional small delays (add class) */
.reveal.delay-1{transition-delay:.06s;}
.reveal.delay-2{transition-delay:.12s;}
.reveal.delay-3{transition-delay:.18s;}
.reveal.delay-4{transition-delay:.24s;}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .line{animation:none; opacity:1; transform:none;}
  .reveal{transition:none; opacity:1; transform:none;}
}