/* CCAA 41차 | 자연스럽고 길게 이어지는 스크롤 등장 효과
   40차의 짧은 전환(PC 660ms/모바일 510ms)을 여유 있는 감속으로 변경합니다.
   요소의 원래 transform/hover 디자인은 건드리지 않고 CSS translate 개별 속성만 이용합니다. */
.ccaa-reveal-enabled .ccaa-scroll-reveal{
  opacity:1;
  translate:0 0;
  transition:
    opacity 1080ms cubic-bezier(.22,.58,.28,1),
    translate 1250ms cubic-bezier(.2,.65,.3,1);
  transition-delay:var(--ccaa-reveal-delay,0ms);
  will-change:opacity,translate;
}
.ccaa-reveal-enabled .ccaa-scroll-reveal:not(.is-revealed){
  opacity:0;
  translate:0 29px;
}
/* 모바일에서는 과한 이동을 피하면서도 충분히 길게 흐르도록 설정 */
@media(max-width:700px){
  .ccaa-reveal-enabled .ccaa-scroll-reveal{
    transition-duration:930ms,1070ms;
  }
  .ccaa-reveal-enabled .ccaa-scroll-reveal:not(.is-revealed){
    translate:0 19px;
  }
}
/* 기존 교육카드의 hover transition 선언이 등장 시간을 덮지 않도록 우선순위를 명시합니다.
   hover의 270ms 반응 속도는 그대로 유지하고, opacity/translate만 천천히 재생합니다. */
.ccaa-reveal-enabled #main #education .edu-feature-card.ccaa-scroll-reveal{
  transition:
    opacity 1080ms cubic-bezier(.22,.58,.28,1) var(--ccaa-reveal-delay,0ms),
    translate 1250ms cubic-bezier(.2,.65,.3,1) var(--ccaa-reveal-delay,0ms),
    transform 270ms cubic-bezier(.18,.75,.22,1),
    box-shadow 270ms ease,
    border-color 270ms ease;
}
@media(max-width:700px){
  .ccaa-reveal-enabled #main #education .edu-feature-card.ccaa-scroll-reveal{
    transition-duration:930ms,1070ms,270ms,270ms,270ms;
  }
}
/* 모션을 줄이도록 설정한 방문자는 내용이 즉시 보이도록 */
@media(prefers-reduced-motion:reduce){
  .ccaa-scroll-reveal,
  .ccaa-reveal-enabled .ccaa-scroll-reveal,
  .ccaa-reveal-enabled .ccaa-scroll-reveal:not(.is-revealed){
    opacity:1 !important;
    translate:none !important;
    transition:none !important;
    will-change:auto !important;
  }
}