/* Red's second local preview: motion is optional; real screens and controls stay intact. */
.red-editorial.red-motion {
  --motion-anchor-offset: 2rem;
  --z-motion-chapters: 2;
}
/* One entrance owner. The unchanged editorial script still owns navigation semantics. */
.red-editorial.red-motion .hero-heading:not([data-editorial-settled]),
.red-editorial.red-motion .hero-evidence:not([data-editorial-settled]),
.red-editorial.red-motion [data-editorial-enter] { animation: none !important; }
.red-editorial.red-motion :is(section[id], div[id], aside[id]) {
  scroll-margin-top: var(--motion-anchor-offset);
}
.red-editorial.red-motion .story-route {
  position: relative;
  padding-bottom: 1.125rem;
  background: var(--paper);
}
.red-editorial.red-motion[data-motion-rail-sticky="true"] .story-route {
  position: sticky;
  top: 0;
  z-index: var(--z-motion-chapters);
}
.red-editorial.red-motion .story-route a { position: relative; }
.red-editorial.red-motion .story-route a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2rem;
  height: 2px;
  background: var(--red);
  transform: scaleX(0);
  transform-origin: left;
}
.red-editorial.red-motion .story-route a[aria-current="step"]::after { transform: scaleX(1); }
.red-editorial.red-motion .motion-route-track {
  position: absolute;
  bottom: .375rem;
  height: 1px;
  background: var(--line);
  pointer-events: none;
}
.red-editorial.red-motion .motion-route-fill {
  position: absolute;
  inset: 0;
  background: var(--red);
  transform: scaleX(0);
  transform-origin: left;
}
.red-editorial.red-motion .motion-route-traveller {
  position: absolute;
  left: -.1875rem;
  top: -.15625rem;
  width: .375rem;
  height: .375rem;
  border-radius: 50%;
  background: var(--red);
}
.red-editorial.red-motion[data-motion-rail-row="false"] .motion-route-track { display: none; }
.red-editorial.red-motion .motion-depth {
  position: relative;
  isolation: isolate;
  min-width: 0;
  max-width: 100%;
}
.red-editorial.red-motion .motion-depth-plane {
  position: absolute;
  inset: .75rem -.5rem -.75rem .5rem;
  z-index: -1;
  border: 1px solid var(--line);
  border-radius: .375rem;
  background: var(--editorial-surface);
  pointer-events: none;
}
.red-editorial.red-motion .story-writing .motion-depth-plane {
  background: #36493d;
  border-color: #607064;
}
.red-editorial.red-motion .motion-depth > .story-film,
.red-editorial.red-motion .motion-depth > figure { position: relative; }
/* No continuously floating videos: only the decorative sheet behind them moves. */
@media (max-width: 63.999rem), (hover: none), (pointer: coarse) {
  .red-editorial.red-motion .motion-depth-plane { display: none; }
}
html[data-input="keyboard"] .red-editorial.red-motion .motion-depth-plane {
  transform: none !important;
}
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .red-editorial.red-motion .motion-depth-plane,
  .red-editorial.red-motion .motion-route-traveller { display: none; }
  .red-editorial.red-motion .motion-route-fill { transform: scaleX(1) !important; }
}