/* ========================================
   COM/grid_free_motion - 모션 CSS
   ======================================== */

/* 모션으로 인한 가로 스크롤 방지 */
.grid_free_motion.com_f {
  overflow: clip;
  overflow-y: visible;
  overflow-x: clip;
}

/* ★ JS 초기화 전 숨김 (FOUC 방지)
   JS에서 init() 실행 후 data-motion-init 속성 추가 → 보임 */
[data-motion]:not([data-motion-init]) {
  opacity: 0 !important;
}

/* 글자 래핑 기본 */
.mo_letter {
  display: inline-block;
}

/* 모션 래핑 요소 — display:contents 사용 금지 (박스 미생성 → clipPath/opacity/transform 무효) */
.wg_img_motion_wrap {
  width: 100%;
}

/* 모션 활성화 후 트랜지션 해제 (anime.js가 처리) */
[data-motion].mo-active {
  /* anime.js 완료 후 최종 상태 유지 */
}

/* 컬러 오버레이 (스크롤연동 컬러커버) */
.mo_color_overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
}