/* Measured text contrast on the homepage; no layout or type changes. */
#route .route-kicker,
#route .route-label { color: #2e70a6; }
#organizer .scene-label > span,
#organizer .scene-label > p,
#faq .scene-label > span,
#faq .scene-label > p { color: #2d6fa9; }
#organizer #organizer-title span { color: #3a85d5; }

/* Keep the small caption legible while the Heihe photo expands behind it. */
@media (min-width: 1025px) {
  #china .heihe-entry-number { background: #f5fafe; }
  #china .heihe-entry p {
    background: #f5fafe;
    padding: 5px 10px;
    border-radius: 999px;
  }
  #route .route-step:nth-child(2) .route-number,
  #route .route-step:nth-child(3) .route-number { color: #1f6099; }
  /* Keep numerals fully opaque throughout the scroll reveal. Fade the
     neighbouring artwork instead; the existing text reveal remains intact. */
  #route.route-continuation.motion-ready .route-step:nth-child(2),
  #route.route-continuation.motion-ready .route-step:nth-child(3) { opacity: 1; }
  #route.route-continuation.motion-ready .route-step:nth-child(2) .route-icon,
  #route.route-continuation.motion-ready .route-step:nth-child(3) .route-icon {
    transition: opacity .38s ease;
  }
  #route.route-continuation.motion-ready .route-step:nth-child(2):not(.is-active) .route-icon,
  #route.route-continuation.motion-ready .route-step:nth-child(3):not(.is-active) .route-icon {
    opacity: .42;
  }
}