@charset "utf-8";

/* =========================================================
   MOTION
   - html.js : <head> 에서 붙는 클래스 (JS 사용 가능)
   - 모션 대상은 첫 페인트부터 숨겨 두고 common.js(GSAP)에서 등장시킴
   - JS 실패 / CDN 실패 / '동작 줄이기' 설정 시 .js 가 제거되어 바로 노출
   ※ 새 모션 대상을 추가할 때는 이 파일과 common.js 의 HIDE_TARGETS 를 함께 수정
========================================================= */

/* 스크롤 등장 대상: 첫 페인트부터 숨김 (깜빡임 방지) */
html.js [data-scroll] {
  opacity: 0;
}

/* ---------------------------------------------------------
   JS 미동작 시 기본 노출 (style.css 에서 숨겨 둔 요소 복구)
--------------------------------------------------------- */
html:not(.js) .company-item {
  opacity: 1;
  transform: none;
}

/* 이미지 가림막: 모션이 없으면 가림막 자체를 숨김 */
html:not(.js) .img-bg {
  display: none;
}

/* '동작 줄이기' 설정 사용자 (WCAG 2.3.3) */
@media (prefers-reduced-motion: reduce) {
  [data-scroll],
  .company-item {
    opacity: 1 !important;
    transform: none !important;
  }

  .img-bg {
    display: none !important;
  }
}