.round-letter {
  display: inline-block;
  transform-origin: 50% 50%;
}

.project-link:hover .round-letter {
  animation-name: rotateLetter;
  animation-duration: var(--letter-speed, var(--letter-rotation-duration));
  animation-delay: var(--letter-delay, 0ms);
  animation-timing-function: cubic-bezier(0.45, 0, 0.25, 1);
  animation-fill-mode: both;
}

@keyframes rotateLetter {
  to {
    transform: rotate(var(--letter-rotation, 360deg));
  }
}

.stage__preview {
  transition: opacity 420ms ease, visibility 0ms linear 420ms;
}

.stage__preview.is-visible {
  transition: opacity 420ms ease, visibility 0ms linear 0ms;
}

.preview-block {
  transform: translateY(10px);
  transition: transform 520ms cubic-bezier(0.25, 1, 0.3, 1);
}

.stage__preview.is-visible .preview-block {
  transform: translateY(0);
}