/* 초기 상태 */
h1, h2, h3, p {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* 등장 상태 */
h1.revealed,
h2.revealed,
h3.revealed,
p.revealed {
  opacity: 1;
  transform: translateY(0);
}

/* 순차 딜레이: 선택적 */
h1:nth-of-type(1) { transition-delay: 0s; }

h2:nth-of-type(1) { transition-delay: 0.05s; }
h2:nth-of-type(2) { transition-delay: 0.1s; }

h3:nth-of-type(1) { transition-delay: 0.2s; }
h3:nth-of-type(2) { transition-delay: 0.3s; }
h3:nth-of-type(3) { transition-delay: 0.4s; }

p:nth-of-type(1) { transition-delay: 0.2s; }
p:nth-of-type(2) { transition-delay: 0.3s; }
p:nth-of-type(3) { transition-delay: 0.4s; }