.timeline{position:relative;padding-left:8px}
.timeline::before{
  content:"";position:absolute;
  left:7px;top:6px;bottom:6px;width:2px;
  background:linear-gradient(180deg,var(--lagoon),var(--gold));
  border-radius:1px;
}
.timeline-step{
  position:relative;padding:0 0 18px 28px;
  display:flex;flex-direction:column;gap:2px;
}
.timeline-step:last-child{padding-bottom:0}
.timeline-step::before{
  content:"";position:absolute;left:0;top:6px;
  width:16px;height:16px;border-radius:50%;
  background:var(--surface);
  border:2px solid var(--lagoon);
  box-shadow:0 0 0 4px var(--lagoon-3);
}
.timeline-step:last-child::before{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,162,74,.18)}
.timeline-time{
  font-family:var(--serif);font-size:18px;color:var(--ink);
  font-weight:500;line-height:1;
}
.timeline-desc{font-size:14px;color:var(--ink-2);line-height:1.5}