/* Visible by default. JS adds this class only when optional motion is available. */
.studio-motion .studio-hero-line {
  display: block;
}

.studio-motion .studio-link .io-icon {
  transition: transform 220ms ease;
}

@media (hover: hover) {
  .studio-motion .studio-link:hover .io-icon {
    transform: translate(2px, -2px);
  }
}

.studio-motion .studio-link:focus-visible .io-icon {
  transform: translate(2px, -2px);
}

@media (prefers-reduced-motion: reduce) {
  .studio-motion .studio-link .io-icon {
    transition: none;
    transform: none;
  }
}