/* ========================================
   Hero Static - Simple Fade-in on Load
   ======================================== */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(8px);
  }
}

/* Center content - staggered fade in */
.hero__seal {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.hero__since {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out 0.5s both;
}

.hero__phoenix {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out 0.7s both;
}

.hero__title {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out 0.9s both;
}

.hero__anniversary {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out 1.1s both;
}

.hero__tagline-en {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out 1.3s both;
}

.hero__tagline-ja {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out 1.5s both;
}


/* Scroll indicator */
.hero__scroll {
  opacity: 0;
  animation: fadeInUp 0.8s ease-out 1.7s both;
}

/* ========================================
   Reduced Motion
   ======================================== */
@media (prefers-reduced-motion: reduce) {
  .hero__seal,
  .hero__since,
  .hero__phoenix,
  .hero__title,
  .hero__anniversary,
  .hero__tagline-en,
  .hero__tagline-ja,
  .hero__scroll {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}