/* Entrada única: texto primeiro, ações depois. O layout já reserva o espaço. */
.hero .hero-text-line{display:inline}
.hero .hero-word{display:inline-block;animation:hero-text-enter 1.3s cubic-bezier(.22,.61,.36,1) var(--word-delay) backwards}
.hero .eyebrow{animation:hero-text-enter 1.05s cubic-bezier(.22,.61,.36,1) .05s backwards}
.hero .hero-bottom>p{animation:hero-text-enter 1.05s cubic-bezier(.22,.61,.36,1) 1.25s backwards}
.hero .hero-bottom>.button{animation:hero-action-enter 1.15s cubic-bezier(.22,.61,.36,1) 2.45s backwards}
.hero .hero-arrow{animation:hero-arrow-rise 1.4s cubic-bezier(.22,.61,.36,1) 2.6s backwards}
.hero .scroll-link{animation:hero-action-enter 1.15s cubic-bezier(.22,.61,.36,1) 2.75s backwards}
@keyframes hero-text-enter{from{opacity:0;filter:blur(5px);transform:translateY(.75em)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes hero-arrow-rise{from{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-action-enter{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
/* Com movimento reduzido, preserva a sequência apenas com opacidade. */
@keyframes hero-soft-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero .hero-word,.hero .eyebrow,.hero .hero-bottom>p,.hero .hero-bottom>.button,.hero .scroll-link{animation-name:hero-soft-enter}}
@media print{.hero .hero-word,.hero .eyebrow,.hero .hero-bottom>p,.hero .hero-bottom>.button,.hero .hero-arrow,.hero .scroll-link{animation:none}}