/**
 * 히어로 슬라이드형 — 레이아웃·슬라이드 가시성 보조. 줄별 텍스트 entering 은 공통 twb-hero-anim.js 엔진.
 * .twb-hero-slider__content 는 레이아웃만. duration/delay 는 --twb-aos-dur / --twb-aos-del.
 */

[data-twb-hero-slider].twb-hero-slider .swiper-slide .hero-anim {
  box-sizing: border-box;
}

[data-twb-hero-slider].twb-hero-slider .swiper-slide.is-current .twb-hero-slider__content,
[data-twb-hero-slider].twb-hero-slider .swiper-slide.is-entering .twb-hero-slider__content {
  visibility: visible;
  pointer-events: auto;
}

[data-twb-hero-slider].twb-hero-slider
  .swiper-slide:not(.swiper-slide-active):not(.is-entering):not(.is-leaving)
  .twb-hero-slider__content {
  pointer-events: none;
}

/**
 * prefers-reduced-motion: __content 에 transition:none !important 를 두면
 * JS 인라인 transition 이 막히므로 여기서는 지정하지 않는다.
 */