/* An open trajectory: no timer, percentage, dial, or animated loop. */
.history-journey{width:100%;max-width:260px;min-width:0;color:#123e6e;align-self:center}
.history-journey-stage{position:relative;aspect-ratio:260/375;isolation:isolate}
.history-journey-art{position:absolute;display:block;left:0;top:77px;width:100%;height:auto;overflow:visible}
.history-journey-art path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.journey-trace{stroke:#123e6e;stroke-opacity:.065;stroke-width:12}
.journey-line{stroke:#123e6e;stroke-width:2.1}
.journey-forward{stroke:#e02b2b;stroke-width:2.6}
.journey-arrow{stroke:#e02b2b;stroke-width:2.6}
.journey-milestones circle{fill:#123e6e;stroke:var(--soft-blue);stroke-width:3}
.journey-milestones circle:last-child{fill:#e02b2b}
.history-journey-origin,.history-journey-next{position:absolute;margin:0!important;line-height:1.3!important;color:#123e6e!important}
.history-journey-origin{left:0;bottom:0}
.history-journey-origin strong{display:block;font-size:58px;font-weight:400;letter-spacing:-3px;line-height:1.06;font-variant-numeric:tabular-nums}
.history-journey-origin span{display:block;margin-top:9px;font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#5b7384}
.history-journey-next{right:0;top:0;text-align:right;padding-right:3px}
.journey-age-accessible{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.journey-age-visible{display:block}.history-journey-next .journey-age-visible strong{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;font-weight:400;line-height:1.05}
[data-journey-age]{font-size:53px;letter-spacing:-2px;color:#123e6e;font-variant-numeric:tabular-nums;min-width:2ch}
.journey-age-unit{font-size:24px;letter-spacing:-.6px}.journey-age-caption{display:block;color:#e02b2b;font-size:14px;letter-spacing:.2px;margin-top:7px}
.journey-age-dots{display:inline-block;min-width:1em}
.history-journey.journey-motion-ready.journey-entered .journey-age-dots{animation:meta-journey-dots .7s ease-in-out 3 both}
@keyframes meta-journey-dots{0%,100%{opacity:1;transform:translateX(0)}50%{opacity:.4;transform:translateX(2px)}}

/* The complete drawing is the default, including when JavaScript is absent. */
.history-journey.journey-motion-ready .journey-line,
.history-journey.journey-motion-ready .journey-forward{stroke-dasharray:1;stroke-dashoffset:1}
.history-journey.journey-motion-ready .journey-milestones circle,
.history-journey.journey-motion-ready .journey-arrow{opacity:0}
.history-journey.journey-motion-ready.journey-entered .journey-line{animation:meta-journey-draw 1.45s cubic-bezier(.24,.58,.4,1) both}
.history-journey.journey-motion-ready.journey-entered .journey-forward{animation:meta-journey-draw .9s .65s cubic-bezier(.24,.58,.4,1) both}
.history-journey.journey-motion-ready.journey-entered .journey-milestones circle{animation:meta-journey-point .4s ease-out both}
.history-journey.journey-motion-ready.journey-entered .journey-milestones circle:nth-child(2){animation-delay:.35s}
.history-journey.journey-motion-ready.journey-entered .journey-milestones circle:nth-child(3){animation-delay:.7s}
.history-journey.journey-motion-ready.journey-entered .journey-arrow{animation:meta-journey-point .4s 1.15s ease-out both}
@keyframes meta-journey-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes meta-journey-point{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.history-journey{max-width:255px;margin:0 auto 6px}}
@media(prefers-reduced-motion:reduce){
  .history-journey .journey-age-dots{animation:none!important}
  .history-journey .journey-line,.history-journey .journey-forward{stroke-dashoffset:0!important;animation:none!important}
  .history-journey .journey-milestones circle,.history-journey .journey-arrow{opacity:1!important;animation:none!important}
}
@media print{
  .history-journey .journey-age-dots{animation:none!important}
  .history-journey .journey-line,.history-journey .journey-forward{stroke-dashoffset:0!important;animation:none!important}
  .history-journey .journey-milestones circle,.history-journey .journey-arrow{opacity:1!important;animation:none!important}
}