@media (max-width:900px){
  .rail{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .rees-head{margin-bottom:1.5rem}
  .rail li{padding:1.25rem 0 1.35rem}
  .rail{grid-template-columns:1fr}
  .beat{padding-top:calc(64px + 6vh)}
}
@media (prefers-reduced-motion:reduce){
  .case-modal.on{animation:none;--book-turn:1}
  html{scroll-behavior:auto}
  .scroll-cue::after{animation:none}
  .rail li::after{transform:scaleX(1);transition:none}
  .rail li::before{opacity:1;transform:none;transition:none}
  .rail li>*{opacity:1;transform:none;transition:none}
  .out{transition:none}
}