/* Content is visible by default, including without JS or the motion assets. */
.hero h1 .motion-line {
  display: block;
  overflow: clip;
  color: inherit;
}
.hero h1 .motion-line > span {
  display: inline-block;
  color: inherit;
}
.hero h1 .motion-line:last-child {
  color: var(--primary);
}
.ghost-link {
  transition:
    transform var(--product-press-duration, 120ms) var(--product-press-easing, ease-out),
    color var(--product-feedback-duration, 180ms) ease-out,
    border-color var(--product-feedback-duration, 180ms) ease-out;
}
.ghost-link:active {
  transform: scale(0.97);
}
html.product-motion-paused *,
html.product-motion-paused *::before,
html.product-motion-paused *::after {
  animation-play-state: paused !important;
}
@media (prefers-reduced-motion: reduce) {
  .ghost-link {
    transition: none;
  }
  .ghost-link:active {
    transform: none;
  }
}