/* ─── 각 글자에 시차 부여 ─── */
.welcome span:nth-child(1) { animation-delay: 0.2s; }
.welcome span:nth-child(2) { animation-delay: 0.4s; }
.welcome span:nth-child(3) { animation-delay: 0.6s; }
.welcome span:nth-child(4) { animation-delay: 0.8s; }
.welcome span:nth-child(5) { animation-delay: 1.0s; }

/* ─── 글자 위로 스윕 라이트 ─── */
.welcome::after {
  content: '';
  position: absolute;
  left: -100%;
  top: 0;
  width: 120%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.4),
    transparent
  );
  transform: skewX(-30deg);
  animation: sweep 2s forwards 1.5s;
}

/* ─── 키프레임 정의 ─── */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes sweep {
  from { left: -100%; }
  to   { left: 100%; }
}