/* Short viewports keep the story in normal flow, with room for both layers. */
@media(prefers-reduced-motion:no-preference){
 html.flow-depth:not(.motion-journey) .journey-device{
  perspective:1100px;
  perspective-origin:50% 50%;
  margin-top:56px;
  margin-bottom:64px;
 }
 html.flow-depth:not(.motion-journey) .journey-device>.phone{
  transform:var(--flow-phone-transform,translate3d(0,50px,-72px) scale(.97));
  transform-origin:50% 50%;
 }
 html.flow-depth:not(.motion-journey) .word-reel article{padding-top:28px}
 html.flow-depth:not(.motion-journey) .word-reel h2{
  margin-bottom:38px;
  transform:var(--flow-headline-transform,translate3d(0,18px,0));
 }
}