/* 68차 | 협회소개 첫 영역: 수강생 작품 전시 원본 사진 + 부드러운 우측 슬라이드 등장 */
/* 67차 구성과 프레임, 텍스트, 버튼은 그대로 유지합니다. */
.ccaa-about .about-classic-intro .about-hero-image {
  background-image: url('../assets/about-exhibition-original-v68.jpg') !important;
  background-position: 50% 50% !important;
  background-size: cover !important;
}

/* 기존 about.js의 IntersectionObserver를 재사용합니다.
   사진 전체가 처음 화면에 들어올 때 오른쪽에서 32px 이동하면서 나타납니다. */
@media (prefers-reduced-motion: no-preference) {
  .ccaa-about .about-classic-intro .about-hero-art.about-reveal-ready {
    opacity: 0;
    transform: translate3d(32px, 0, 0);
    transition: opacity .82s ease-out, transform .82s cubic-bezier(.22, .75, .27, 1);
  }
  .ccaa-about .about-classic-intro .about-hero-art.about-reveal-ready.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ccaa-about .about-classic-intro .about-hero-art {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}