@keyframes heroLine { from { width: 0; } to { width: 100%; } }
@keyframes floatMark { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-8px,0); } }

.hero-copy .eyebrow::before { animation: heroLine 1s .2s var(--ease-premium) both; }
.final-mark { animation: floatMark 10s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
  .hero-copy .eyebrow::before, .final-mark { animation: none; }
}