/* Measured nodes and their connector share the same, untransformed layout. */
.js-motion .journey-card.reveal { transform: none; transition: opacity .65s ease; }
.journey-card::before { content: none; }
.journey-node { position: absolute; top: 57px; left: -24px; width: 10px; height: 10px; box-sizing: content-box; border: 1px solid var(--ink); border-radius: 50%; background: var(--lime); z-index: 2; }
.journey-drawing .journey-node:not(.is-reached) { background: var(--paper); }
.journey-line { inset: auto; left: 0; pointer-events: none; }
.journey-cards { --journey-compact: 0; }
.journey-line .journey-path { fill: none; stroke: #858e73; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
@media (min-width: 1101px) {
  .journey-layout { grid-template-columns: 1fr 1fr; column-gap: 11vw; }
  .journey-intro { width: calc(100% - 2vw); }
}
@media (max-width: 1100px) {
  .journey-layout { display: block; margin-top: 55px; }
  .journey-intro { position: relative; top: 0; padding-bottom: 45px; }
  .journey-counter { display: none; }
  .journey-note { margin-top: 25px; }
  .journey-cards { --journey-compact: 1; padding-left: 40px; max-width: 760px; margin-inline: auto; }
  .journey-card { width: 100%; margin-bottom: 40px; }
  .journey-card:nth-of-type(even) { margin-left: 0; }
  .stage-top { flex-wrap: wrap; gap: 12px; }
  .stage-label { max-width: 100%; white-space: normal; }
  .journey-card-final { margin-bottom: 0; }
  .journey-node { left: -20px; width: 8px; height: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .js-motion .journey-card.reveal { transition: none; }
}