@media (prefers-reduced-motion: no-preference) {
  .motion-on .motion-pending:not(:focus-within) {
    opacity: 0;
  }

  .motion-on .motion-pending[data-reveal="media"]:not(:focus-within) {
    opacity: 1;
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  }

  .motion-on motion-word,
  .motion-on motion-word-text {
    display: inline-block;
    max-inline-size: 100%;
  }

  .motion-on motion-word {
    clip-path: inset(-.12em -.06em -.15em);
  }

  .motion-on motion-word-text {
    overflow-wrap: anywhere;
  }

  .motion-on .hero-bird img {
    translate: var(--bird-x, 0px) var(--bird-y, 0px);
    rotate: var(--bird-rotate, 0deg);
  }

  .motion-on [data-magnetic] {
    translate: var(--motion-x, 0px) var(--motion-y, 0px);
  }

  .motion-on .project-card .project-image img {
    translate: var(--motion-x, 0px) var(--motion-y, 0px);
    scale: var(--motion-scale, 1);
  }
}

@media (prefers-reduced-motion: reduce) {
  #ambient-canvas {
    display: none;
  }
}