/* big joy global - custom styles */
@keyframes fadeIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }

/* 히어로 텍스트 등장 애니메이션 */
@keyframes heroFadeIn {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero-fade-in { animation: heroFadeIn 1s ease-out both; }

/* 히어로 배경 영상 (저속/접근성 대응) */
#hero-section video { z-index: 0; }
@media (prefers-reduced-motion: reduce) {
  #hero-section video { display: none; }
  #hero-section { background: linear-gradient(135deg, #fbbf24, #f59e0b, #f97316); }
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* 레벨별 색상 유틸리티 (Tailwind config 보강) */
.bg-staff { background-color: #22c55e; }
.bg-agency { background-color: #f97316; }
.bg-dist { background-color: #4f46e5; }
.text-staff-dark { color: #15803d; }
.text-agency-dark { color: #c2410c; }
.text-dist-dark { color: #3730a3; }

/* 조직도 트리 애니메이션 */
.plan-card { transition: transform .25s, box-shadow .25s; }
.plan-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(0,0,0,.12); }

/* 스크롤바 */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* 이미지 로딩 */
img { max-width: 100%; height: auto; }

/* details 애니메이션 */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }