/* =============================================================================
   SWM — Flywheel scroll interaction / 필수 CSS
   Page settings ▸ Custom code ▸ Inside <head> tag 에 <style> 로 넣고,
   바로 아래에 <script>document.documentElement.classList.add('fw-js');</script> 도 같이.
   (JS 보다 먼저 실행돼야 본문 텍스트가 잠깐 보였다 사라지는 깜빡임이 없음)
   ========================================================================== */

/* 회전하는 휠이 섹션 밖으로 넘쳐 가로 스크롤이 생기는 것 방지.
   휠은 이제 확대/이동하지 않지만, 정사각 박스를 회전시키면 모서리가 최대 √2 배까지
   튀어나오므로 여전히 필요하다.
   sticky 엘리먼트 "자신"의 overflow 는 sticky 를 깨지 않음.
   단, 조상인 .flywheel_sticky_wrap 에는 절대 overflow 를 주지 말 것. */
.tech_wrap { overflow: hidden; }

/* svg 가 우측 리스트의 클릭을 먹지 않도록 (svg 가 z-index 3, 리스트가 2).
   확대가 사라져 겹칠 일은 줄었지만, 휠은 어차피 조작 대상이 아니라 그대로 둔다. */
.flywheel { pointer-events: none; will-change: transform; }

.check_list_text { overflow: hidden; }

/* 데스크탑에서만 초기 상태 = 본문 숨김. JS 가 죽으면 fw-js 가 제거돼 그대로 보임 */
@media (min-width: 992px) {
  html.fw-js .check_list_text { height: 0; opacity: 0; padding-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  html.fw-js .check_list_text { height: auto; opacity: 1; }
}
