html.timy-motion-ready [data-timy-reveal] {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .7s ease var(--timy-reveal-delay, 0ms), transform .7s cubic-bezier(.2, .75, .2, 1) var(--timy-reveal-delay, 0ms);
}

html.timy-motion-ready [data-timy-reveal].is-visible {
  opacity: 1;
  transform: none;
}

.timy-character-file__visual::before {
  transition: transform 1.1s cubic-bezier(.2, .75, .2, 1), opacity .7s ease;
}

.timy-character-file__visual .timy-character-file__image,
.timy-character-file__visual > img {
  transition: transform .8s cubic-bezier(.2, .75, .2, 1), filter .5s ease;
}

.timy-character-file__hero:hover .timy-character-file__visual .timy-character-file__image,
.timy-character-file__hero:hover .timy-character-file__visual > img {
  transform: translateY(-8px) scale(1.015);
  filter: drop-shadow(0 38px 38px rgba(65, 42, 30, .17));
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  html.timy-motion-ready [data-timy-reveal] { opacity: 1; transform: none; transition: none; }
  .timy-character-file__visual::before,
  .timy-character-file__visual .timy-character-file__image,
  .timy-character-file__visual > img { transition: none; }
  .timy-character-file__hero:hover .timy-character-file__visual .timy-character-file__image,
  .timy-character-file__hero:hover .timy-character-file__visual > img { transform: none; }
}
