/* Only the inner type moves. Its measured line box remains in normal flow, so
   scroll progress and page geometry do not chase the animated content. */
.motion-window { overflow: clip; }
.motion-line { display: block; transform-origin: left bottom; }
.track-title > .motion-window { padding-bottom: .05em; margin-bottom: -.05em; }
.track-title .motion-line { display: block; }

/* The complete text stays in its original heading for assistive technology.
   Without JS there are no wrappers; switching motion off unwraps them again. */
html[data-motion="reduced"] .motion-line,
html[data-motion="reduced"] .story-marker > span,
html[data-motion="reduced"] .preparation-image img,
html[data-motion="reduced"] .preparation-atmosphere { transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  .motion-line,
  .story-copy p,
  .jaguar-brand,
  .story-marker > span,
  .preparation-image img,
  .preparation-atmosphere { transform: none !important; }
}