/* 71차 | 대표소개 페이지 전용, 한 번만 실행되는 스크롤 애니메이션.
   기본 상태를 JS에서만 숨기고, 진입 시 keyframes로 보장해
   초기 화면 요소의 transition 상쇄(효과가 거의 안 보이는 문제)를 막습니다. */
@media (prefers-reduced-motion: no-preference) {
  /* 대표 프로필 사진: 왼쪽 -60px에서 1.1초 동안 등장 */
  .ccaa-director.director-motion-ready #ccaa-leader .rp-photo-wrap {
    --director-photo-offset: -60px;
    opacity: 0;
    transform: translate3d(var(--director-photo-offset), 0, 0);
  }
  .ccaa-director.director-motion-ready #ccaa-leader .rp-photo-wrap.director-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation: ccaaDirectorPhotoIn 1.1s cubic-bezier(.19,.76,.25,1) both;
  }

  /* 자격증 세 카드: 위로 23px 이동하며 0.11초 간격 순차 등장 */
  .ccaa-director.director-motion-ready #ccaa-leader .rp-cert {
    opacity: 0;
    transform: translate3d(0, 23px, 0);
  }
  .ccaa-director.director-motion-ready #ccaa-leader .rp-cert.director-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    animation: ccaaDirectorCertIn .82s cubic-bezier(.19,.76,.25,1) both;
  }
  .ccaa-director.director-motion-ready #ccaa-leader .rp-cert:nth-child(1).director-visible { animation-delay:0ms; }
  .ccaa-director.director-motion-ready #ccaa-leader .rp-cert:nth-child(2).director-visible { animation-delay:110ms; }
  .ccaa-director.director-motion-ready #ccaa-leader .rp-cert:nth-child(3).director-visible { animation-delay:220ms; }

  /* 대표 인사말: 수직/수평 이동 없이 서서히 나타남 */
  .ccaa-director.director-motion-ready #ccaa-leader .rp-message { opacity: 0; }
  .ccaa-director.director-motion-ready #ccaa-leader .rp-message.director-visible {
    opacity: 1;
    animation: ccaaDirectorMessageIn 1.15s ease both;
  }

  @keyframes ccaaDirectorPhotoIn {
    from { opacity:0; transform:translate3d(var(--director-photo-offset), 0, 0); }
    to { opacity:1; transform:translate3d(0, 0, 0); }
  }
  @keyframes ccaaDirectorCertIn {
    from { opacity:0; transform:translate3d(0, 23px, 0); }
    to { opacity:1; transform:translate3d(0, 0, 0); }
  }
  @keyframes ccaaDirectorMessageIn {
    from { opacity:0; }
    to { opacity:1; }
  }
}
@media (max-width:650px) and (prefers-reduced-motion: no-preference) {
  .ccaa-director.director-motion-ready #ccaa-leader .rp-photo-wrap {
    --director-photo-offset: -42px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ccaa-director #ccaa-leader .rp-photo-wrap,
  .ccaa-director #ccaa-leader .rp-cert,
  .ccaa-director #ccaa-leader .rp-message {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}