/* 첫 화면 시안(2026-10-09): 배경 쇼릴 + 큰 글 등장. A 안(줄마다 아래에서 밀려 올라옴)만 남긴 판.
   html 에 hx(스크립트 있음) → go(글꼴 준비됨, 등장 시작). 스크립트가 없거나 움직임 줄이기면 글은 처음부터 다 보인다. */
.tD .hero-bg{background-color:var(--dk);background-size:cover;background-position:center}
.hero-v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ht .ln{display:block}
.ht .in{display:block}
.ht .w{display:inline-block}
@keyframes hFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hx .hero-sub,.hx .hero-btns{opacity:0}
.hx.go .hero-sub{animation:hFade .45s ease-out .95s both}
.hx.go .hero-btns{animation:hFade .45s ease-out 1.05s both}

/* A — 줄마다 아래에서 가려졌다 밀려 올라온다 */
.vA .ht .ln{overflow:hidden;padding:.08em 0 .1em;margin:-.08em 0 -.1em}
.hx.vA .ht .in{transform:translateY(112%)}
@keyframes aUp{from{transform:translateY(112%)}to{transform:none}}
.hx.vA.go .ht .in{animation:aUp .9s cubic-bezier(.16,1,.3,1) .1s both}
.hx.vA.go .ht .ln+.ln .in{animation-delay:.24s}

@media(prefers-reduced-motion:reduce){
 .hero-v{display:none}
 .hx .hero-sub,.hx .hero-btns{opacity:1!important}
 .hx .ht,.hx .ht .in,.hx .ht .w,.hx .hero-sub,.hx .hero-btns{animation:none!important;transform:none!important;filter:none!important}
}