/* Independent translation leaves entrance transforms and all layout intact. */
.works .works-title {
  translate: var(--works-title-x, 0px) 0;
}

.works[data-motion-ready='true'] .works-title {
  will-change: translate;
}

.works[data-motion-paused='true'] .works-title,
html[data-motion-paused='true'] .works .works-title {
  translate: none;
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .works .works-title {
    translate: none;
    will-change: auto;
  }
}