/* Home motion is a short entrance, never a loading screen. */
.home-short .crest-reveal,
html.effects-on .home-short .crest-reveal,
.home-short .hero-art .crest-reveal img,
html.effects-on .home-short .hero-art .crest-reveal img,
.home-short .hero-art .net,
html.effects-on .home-short .hero-art .net {
  animation: none !important;
  will-change: auto;
}

.home-short .cinema-light,
html.effects-on .home-short .cinema-light {
  display: none !important;
  animation: none !important;
}

.home-title-line {
  display: inline-block;
  max-width: 100%;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html:not(.effects-off) .home-short :is(.actions .button, .home-connect .button, .path-card) {
    transition: transform 200ms cubic-bezier(.22, 1, .36, 1), background-color 180ms, color 180ms;
  }

  html:not(.effects-off) .home-short :is(.actions .button, .home-connect .button):hover {
    transform: translateY(-2px);
  }

  html:not(.effects-off) .home-short .path-card:hover {
    transform: translateY(-3px);
  }
}

html.effects-off .home-short .ticker-track {
  animation-play-state: paused !important;
}

html.effects-off .home-short :is(.button, .path-card) {
  transition: none !important;
  transform: none !important;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .home-short .ticker-track { animation: none !important; }
  .home-short :is(.button, .path-card) {
    transition: none !important;
    transform: none !important;
  }
}