/* Motion settings: change duration and delays here to tune the pace. */
@keyframes motto-reveal {
  from { opacity: 0; transform: translateY(24px); clip-path: inset(0 0 100% 0); }
  to { opacity: 1; transform: translateY(0); clip-path: inset(0); }
}
@keyframes section-reveal {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
.hero-opening { display: block; }
@media (prefers-reduced-motion: no-preference) {
  .muliko-hero h1 { animation: none; }
  .muliko-hero h1 > span { animation: motto-reveal .85s cubic-bezier(.22,1,.36,1) backwards; }
  .muliko-hero h1 .hero-opening { animation-delay: .12s; }
  .muliko-hero h1 .hero-connector { animation-delay: .28s; }
  .muliko-hero h1 .hero-highlight { animation-delay: .44s; }
  .muliko-hero .hero-description { animation-delay: .6s; }
  .muliko-hero .hero-actions { animation-delay: .73s; }
  .muliko-hero .hero-footnote { animation-delay: .83s; }
  .motion-entered { animation: section-reveal .7s cubic-bezier(.22,1,.36,1) backwards; animation-delay: var(--reveal-delay, 0ms); }
}
@media (prefers-reduced-motion: reduce) {
  .motion-entered, .muliko-hero h1 > span { animation: none !important; }
}