/**
 * 히어로 스태거 fade-up 애니메이션
 * Editorial Archive 디자인 시스템 공통
 *
 * 사용법:
 *   <link rel="stylesheet" href="{% static 'css/hero-anim.css' %}">
 *
 * 적용 순서:
 *   hero-anim hero-anim-1 → Eyebrow (0.05s)
 *   hero-anim hero-anim-2 → Title (0.12s)
 *   hero-anim hero-anim-3 → Divider + Subtitle (0.20s)
 *   hero-anim hero-anim-4 → Stat / Button / Search (0.30s)
 */
@keyframes heroFadeUp {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}

.hero-anim {
    animation: heroFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.hero-anim-1 { animation-delay: 0.05s; }
.hero-anim-2 { animation-delay: 0.12s; }
.hero-anim-3 { animation-delay: 0.20s; }
.hero-anim-4 { animation-delay: 0.30s; }