/* Native document flow throughout: no pinned scene, spacer, or scroll-driven zoom. */
main { overflow-x: clip; }
.journey-start > span:last-child, .journey-end > span:last-child {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.transport-choice[data-preview=false][aria-pressed=true] { background: transparent; color: #c9cec4; }
.transport-choice[data-preview=true] { background: #e2cda6; color: #2b271e; }
.transport-choice[aria-pressed=true] .mode-title { text-decoration: underline; text-underline-offset: 4px; }

/* Finite entry effects using the timings observed on NSL Motor. Never restarted by reverse scrolling. */
@media (prefers-reduced-motion: no-preference) {
  html[data-scroll-motion] [data-gr-reveal] {
    opacity: 0;
    transform: translate3d(0, 58px, 0) scale(.985);
    transition: opacity 900ms cubic-bezier(.2,.75,.25,1), transform 1100ms cubic-bezier(.16,1,.3,1);
    transition-delay: var(--reveal-delay, 0ms);
  }
  html[data-scroll-motion] [data-gr-reveal=left] { transform: translate3d(-54px, 0, 0); }
  html[data-scroll-motion] [data-gr-reveal=right] { transform: translate3d(54px, 0, 0); }
  html[data-scroll-motion] [data-gr-reveal].is-visible { opacity: 1; transform: none; }
  html[data-scroll-motion] [data-gr-reveal].reveal-instant { transition: none; }
}
@media (max-width: 760px) and (prefers-reduced-motion: no-preference) {
  html[data-scroll-motion] [data-gr-reveal] { transform: translate3d(0, 28px, 0); }
  html[data-scroll-motion] [data-gr-reveal].is-visible { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  [data-gr-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
}
.journey-carrier {
  position: absolute;
  inset: 0;
  transform: translateX(calc(var(--travel) * 100%));
  transition: transform .52s cubic-bezier(.2,.7,.2,1);
}
.journey-carrier .journey-parcel { left: -28px; transition: transform .52s; }
@media (max-width: 760px) {
  .journey-carrier .journey-parcel { left: -22px; }
}