@media (prefers-reduced-motion: no-preference) {
  html.entry .hero-lockup { animation: hero-entry-lockup .7s var(--ease) .25s backwards; }
  html.entry .hero-role { animation: hero-entry-rise .55s var(--ease) .4s backwards; }
  html.entry .hero-actions { animation: hero-entry-rise .6s var(--ease) 1.1s backwards; }
  html.entry .hero-caption { animation: hero-entry-rise .6s var(--ease) 1.3s backwards; }
  @keyframes hero-entry-lockup {
    from { clip-path: inset(100% -10% -10% -10%); transform: translateY(18px); }
    to { clip-path: inset(-10% -10% -10% -10%); transform: translateY(0); }
  }
  @keyframes hero-entry-rise {
    from { opacity: 0; transform: translateY(14px); }
    to { opacity: 1; transform: translateY(0); }
  }
}