/* The real heading and photograph travel between their two layouts. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  .project-overview[data-shared-project="helicopter"] [data-project-title],
  .case-project[data-project="helicopter"] [data-project-title] { view-transition-name: helicopter-title; }
  .project-overview[data-shared-project="helicopter"] .overview-photo,
  .case-project[data-project="helicopter"] .case-photo { view-transition-name: helicopter-photo; }
  .project-overview[data-shared-project="roto"] [data-project-title],
  .case-project[data-project="roto"] [data-project-title] { view-transition-name: roto-title; }
  .project-overview[data-shared-project="roto"] .overview-photo,
  .case-project[data-project="roto"] .case-photo { view-transition-name: roto-photo; }
  .project-overview[data-shared-project="ev-2026"] [data-project-title],
  .case-project[data-project="ev-2026"] [data-project-title] { view-transition-name: ev2026-title; }
  .project-overview[data-shared-project="ev-2026"] .overview-photo,
  .case-project[data-project="ev-2026"] .case-photo { view-transition-name: ev2026-photo; }
  .project-overview[data-shared-project="ev-2025"] [data-project-title],
  .case-project[data-project="ev-2025"] [data-project-title] { view-transition-name: ev2025-title; }
  .project-overview[data-shared-project="ev-2025"] .overview-photo,
  .case-project[data-project="ev-2025"] .case-photo { view-transition-name: ev2025-photo; }
  ::view-transition-group(*) { animation-duration: 620ms; animation-timing-function: cubic-bezier(.22,.7,.2,1); }
  ::view-transition-group(root) { animation-duration: 180ms; }
  ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 180ms; }
  ::view-transition-old(*), ::view-transition-new(*) { mix-blend-mode: normal; }
  /* Keep lettering legible while the photograph crosses its path. */
  ::view-transition-group(helicopter-title), ::view-transition-group(roto-title),
  ::view-transition-group(ev2026-title), ::view-transition-group(ev2025-title) { z-index: 2; }
  ::view-transition { pointer-events: none; }
}
.text-reveal { transition: opacity 340ms ease, transform 340ms cubic-bezier(.2,.7,.3,1); }
.motion-enabled .text-reveal:not(.is-revealed) { opacity: 0; transform: translateY(8px); }
.motion-enabled .text-reveal.is-revealed { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .text-reveal { opacity: 1!important; transform: none!important; transition: none!important; }
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation: none!important; }
}