/* Landing motion — extraído do guia animations-gemini (Monotone / Gemini motion).
   Keyframes + utilitários; sem dependência de fontes externas do pacote original. */

@keyframes landing-gem-fade-in {
  0% {
    opacity: 0;
    transform: translateY(22px);
    filter: blur(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* Scroll-triggered reveal (IntersectionObserver adiciona .animate) — ritmo mais pausado */
.animate-on-scroll.landing-gem-in {
  animation: landing-gem-fade-in 1.25s cubic-bezier(0.25, 0.08, 0.25, 1) both;
  animation-play-state: paused;
}

.animate-on-scroll.landing-gem-in.animate {
  animation-play-state: running;
}

.landing-gem-delay-1 {
  animation-delay: 0.12s;
}
.landing-gem-delay-2 {
  animation-delay: 0.32s;
}
.landing-gem-delay-3 {
  animation-delay: 0.52s;
}
.landing-gem-delay-4 {
  animation-delay: 0.72s;
}

@media (prefers-reduced-motion: reduce) {
  .animate-on-scroll.landing-gem-in {
    animation: none;
    opacity: 1;
    transform: none;
    filter: none;
  }
}

/* Spotlight ao mover o mouse (cards de plano) — gemini “flashlight” */
.flashlight-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(
    600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    rgba(255, 255, 255, 0.07),
    transparent 42%
  );
  opacity: 0;
  transition: opacity 0.7s cubic-bezier(0.25, 0.1, 0.25, 1);
  pointer-events: none;
  z-index: 1;
}

.flashlight-card:hover::before {
  opacity: 1;
}

.flashlight-card > * {
  position: relative;
  z-index: 2;
}