/* 69차: 협회소개 전시 원본 사진을 오른쪽에서 명확히 등장시키는 효과.
   기존 68차 약한 이동 효과를 대체하며, 사진/프레임/다른 페이지는 변경하지 않습니다. */

@media (prefers-reduced-motion: no-preference) {
  .ccaa-about .about-classic-intro .about-hero-art.about-reveal-ready {
    opacity: 0;
    transform: translate3d(140px, 0, 0);
    transition: none !important;
    will-change: opacity, transform;
  }

  .ccaa-about .about-classic-intro .about-hero-art.about-reveal-ready.is-visible {
    opacity: 1;
    transform: none;
    animation: ccaa-about-photo-enter-v69 1.3s cubic-bezier(.18, .77, .22, 1) .13s both;
  }

  @keyframes ccaa-about-photo-enter-v69 {
    from { opacity: 0; transform: translate3d(140px, 0, 0) scale(.965); }
    60% { opacity: .96; }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  }
}

@media (max-width:650px) and (prefers-reduced-motion:no-preference) {
  .ccaa-about .about-classic-intro .about-hero-art.about-reveal-ready {
    transform: translate3d(75px, 0, 0);
  }
  @keyframes ccaa-about-photo-enter-v69 {
    from { opacity: 0; transform: translate3d(75px, 0, 0) scale(.965); }
    60% { opacity: .96; }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  }
}

@media (prefers-reduced-motion: reduce) {
  .ccaa-about .about-classic-intro .about-hero-art {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}