/* Aynavu hero 3D — defensive styles. Most layout is Tailwind utility classes. */

/* Safety net: even if JS forgets, never animate for reduced-motion users. */
@media (prefers-reduced-motion: reduce) {
  #hero3d-canvas {
    display: none !important;
  }
}

/* Subtle shimmer on the fallback while 3D bootstraps — barely perceptible. */
@keyframes hero3d-shimmer {
  0%, 100% { filter: brightness(1); }
  50%      { filter: brightness(1.03); }
}

#hero3d-fallback {
  animation: hero3d-shimmer 6s ease-in-out infinite;
}

/* Once the canvas has faded in, halt the shimmer to save paint. */
#hero3d-canvas.opacity-100 ~ #hero3d-fallback,
#hero3d-fallback.opacity-0 {
  animation: none;
}