/* ==========================================================================
   TripGuideDaily — Motion layer
   Page-load choreography + micro-interactions
   ========================================================================== */

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.94); }
  to   { opacity: 1; transform: scale(1); }
}

.hero__eyebrow { animation: fadeInUp 0.7s ease both; }
.hero__title   { animation: fadeInUp 0.8s ease 0.08s both; }
.hero__desc    { animation: fadeInUp 0.8s ease 0.16s both; }
.hero__actions { animation: fadeInUp 0.8s ease 0.24s both; }
.hero__stats   { animation: fadeInUp 0.8s ease 0.3s both; }
.hero__media   { animation: scaleIn 0.9s ease 0.15s both; }

.hero-lead__category { animation: fadeIn 0.6s ease both; }
.hero-lead__media   { animation: scaleIn 0.9s ease both; }
.hero-lead__title   { animation: fadeInUp 0.8s ease 0.1s both; }
.hero-lead__desc    { animation: fadeInUp 0.8s ease 0.18s both; }
.hero-lead__meta    { animation: fadeInUp 0.8s ease 0.24s both; }
.hero-lead > .btn    { animation: fadeInUp 0.8s ease 0.3s both; }
.hero-side-item      { animation: fadeIn 0.7s ease both; }

.page-hero .breadcrumb { animation: fadeIn 0.6s ease both; }
.page-hero h1 { animation: fadeInUp 0.7s ease 0.06s both; }
.page-hero p  { animation: fadeInUp 0.7s ease 0.14s both; }

.article-header__meta  { animation: fadeIn 0.6s ease both; }
.article-header__title { animation: fadeInUp 0.7s ease 0.06s both; }
.article-header__excerpt { animation: fadeInUp 0.7s ease 0.14s both; }
.article-hero-media { animation: scaleIn 0.8s ease 0.1s both; }

@media (prefers-reduced-motion: reduce) {
  .hero__eyebrow, .hero__title, .hero__desc, .hero__actions, .hero__stats, .hero__media,
  .page-hero .breadcrumb, .page-hero h1, .page-hero p,
  .article-header__meta, .article-header__title, .article-header__excerpt, .article-hero-media {
    animation: none !important;
  }
}