/* Animate only the main wordmark; keep the photo, header and controls still. */
.sr-home .sr-splash-title {
  animation: sr-hero-title-enter 1.6s cubic-bezier(.2, .7, .2, 1) .25s both;
}

@media (min-width: 782px) {
  .sr-home .sr-splash-title {
    animation-duration: 1.8s;
  }
}

@keyframes sr-hero-title-enter {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .sr-home .sr-splash-title {
    animation: none !important;
    opacity: 1;
  }
}