/* ==========================================================================
   TRIYO — Restrained & Technical Transitions
   ========================================================================== */

/* Subtle Scroll Reveal (Simple Fade & Slight Translation) */
.reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.35s ease, transform 0.35s ease;
  will-change: opacity, transform;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger Delays */
.reveal-delay-1 { transition-delay: 60ms; }
.reveal-delay-2 { transition-delay: 120ms; }
.reveal-delay-3 { transition-delay: 180ms; }

/* Filter Items Display */
.project-card-item {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.project-card-item.is-hidden {
  display: none !important;
  opacity: 0;
}

/* Accessible Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}