/* Production scroll-linked reveal behavior from the reviewed rev14 direction. */
.content-reveal {
  transform-origin: 50% 45%;
  will-change: opacity, transform;
  transition: none !important;
}

.content-reveal:focus-within {
  opacity: 1 !important;
}

@media (max-width: 760px) {
  .content-reveal {
    transform-origin: 50% 35%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .content-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
}