/* ================================================================
   ANIMATIONS
   Shared keyframes and transition utilities.
   ================================================================ */

/* --- Page reveal --- */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-in {
  animation: fadeInUp var(--speed-slow) var(--ease-out);
}

/* --- Duotone overlay helper --- */
.duotone {
  position: relative;
  overflow: hidden;
}

.duotone::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(26, 58, 42, .55) 0%, rgba(200, 240, 0, .25) 100%);
  mix-blend-mode: multiply;
  pointer-events: none;
}