/*
 * Mobile AOS guard
 * AOS의 좌우 진입 transform만 모바일에서 정적으로 처리해
 * 가로 스크롤과 화면 밀림을 막고 나머지 모션은 유지한다.
 */

@media screen and (max-width: 1024px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  [data-aos="fade-left"],
  [data-aos="fade-right"],
  [data-aos="fade-left"].aos-init,
  [data-aos="fade-right"].aos-init,
  [data-aos="fade-left"].aos-animate,
  [data-aos="fade-right"].aos-animate {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

@supports not (overflow: clip) {
  @media screen and (max-width: 1024px) {
    html,
    body {
      overflow-x: hidden;
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-aos] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}