/* ==========================================================================
   Blendo - Subtle Micro-Animations & Reveal Effects
   ========================================================================== */

/* Fade-in & Slide-up Keyframes */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Scroll Reveal Elements */
.reveal {
  opacity: 0;
  transform: translateY(35px);
  transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

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

/* Stagger Delays */
.delay-1 {
  transition-delay: 0.15s;
}

.delay-2 {
  transition-delay: 0.3s;
}

.delay-3 {
  transition-delay: 0.45s;
}

.delay-4 {
  transition-delay: 0.6s;
}

/* Language Transition Fade Effect */
.lang-transition {
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}

.lang-transition-done {
  opacity: 1;
  transition: opacity 0.35s ease-in-out;
}

/* Shimmer subtle light on gold accents */
@keyframes subtleShimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.gold-shimmer {
  background: linear-gradient(90deg, #c8a97e 0%, #fff2db 50%, #c8a97e 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: subtleShimmer 8s infinite linear;
}