/* Animations - FIXED (Consistent fade timing) */

/* Page transitions */
article[data-page] {
     animation: fadeInPage 0.5s ease-in-out;
}

/* About & Resume - Good (keep as is) */
article[data-page="about"],
article[data-page="resume"] {
     animation: fadeInPage 0.5s ease-in-out;
}

/* Projects - Slower fade (like Blog but slightly slower) */
article[data-page="projects"] {
     animation: fadeInPage 0.7s ease-in-out;
}

/* Blog - Slightly slower */
article[data-page="blog"] {
     animation: fadeInPage 0.65s ease-in-out;
}

/* Contact - Slightly slower */
article[data-page="contact"] {
     animation: fadeInPage 0.65s ease-in-out;
}

@keyframes fadeInPage {
     from {
          opacity: 0;
          transform: translateY(20px);
     }

     to {
          opacity: 1;
          transform: translateY(0);
     }
}

/* Project items fade - slower */
.project-item.active {
     display: block;
     animation: projectSlideUp 0.7s ease forwards;
}

@keyframes projectSlideUp {
     0% {
          opacity: 0;
          transform: translateY(30px);
     }

     100% {
          opacity: 1;
          transform: translateY(0);
     }
}

/* WOW.js elements */
.wow {
     visibility: hidden;
     will-change: transform, opacity;
}

.wow.animated {
     visibility: visible;
     will-change: auto;
}

/* Fade utilities */
.fade-in-up {
     animation: fadeInUpCustom 0.6s ease forwards;
}

@keyframes fadeInUpCustom {
     from {
          opacity: 0;
          transform: translateY(30px);
     }

     to {
          opacity: 1;
          transform: translateY(0);
     }
}

.fade-in-left {
     animation: fadeInLeftCustom 0.6s ease forwards;
}

@keyframes fadeInLeftCustom {
     from {
          opacity: 0;
          transform: translateX(-30px);
     }

     to {
          opacity: 1;
          transform: translateX(0);
     }
}

.fade-in-right {
     animation: fadeInRightCustom 0.6s ease forwards;
}

@keyframes fadeInRightCustom {
     from {
          opacity: 0;
          transform: translateX(30px);
     }

     to {
          opacity: 1;
          transform: translateX(0);
     }
}

/* Stagger delay utility */
.stagger-delay-1 {
     animation-delay: 0.1s;
}

.stagger-delay-2 {
     animation-delay: 0.2s;
}

.stagger-delay-3 {
     animation-delay: 0.3s;
}

.stagger-delay-4 {
     animation-delay: 0.4s;
}

.stagger-delay-5 {
     animation-delay: 0.5s;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {

     .wow,
     .animate__animated,
     .fade-in-up,
     .fade-in-left,
     .fade-in-right,
     article[data-page],
     .project-item.active {
          animation: none !important;
          visibility: visible !important;
          opacity: 1 !important;
          transform: none !important;
     }
}