/* ============================================================
   pages.css — common.css 뒤에 로드되는 전역 보정.
   (페이지별 로컬 스타일은 각 페이지 컴포넌트의 인라인 <style> 로 유지)
   ============================================================ */

/* ---------- 히어로 슬라이더 프로그레스 도트 ---------- */
/* React 재마운트로 5s 채움 애니메이션을 재시작(원본의 reflow 트릭 대체) */
.hero-slider__dot.is-active .hero-slider__dot-fill {
  width: 100%;
  animation: chaebiDotFill 5s linear;
}
@keyframes chaebiDotFill {
  from { width: 0; }
  to { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-slider__dot.is-active .hero-slider__dot-fill { animation: none; }
}