/* GSAP enhances motion after load; content remains usable without scripts. */
.hero-image img,
.hero h1 span,
.hero-intro,
.project-hero-title h1 { animation: none !important; }

.motion-active .reveal,
.motion-active .reading-text span { transition: none; }
.motion-active .living-image { clip-path: none; }

/* Keep the gaps between words while allowing a gentle per-word lift. */
.reading-text span { display: inline-block; white-space: pre-wrap; }

@media (max-width: 800px) {
  /* Full-screen clipping and parallax are costly on mobile GPUs. */
  .motion-active .living-image { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-image img,
  .hero h1 span,
  .hero-intro,
  .project-hero-title h1 { animation: none !important; }
  .living-image { clip-path: none !important; transform: none !important; }
}