.reveal {
  opacity: 1 !important;
  transform: none !important;
}

.timeline {
  border-top: 1px solid var(--line);
}

.timeline-item {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 2rem;
  padding: 2rem 0;
  border-bottom: 1px solid var(--line);
}

.timeline-date {
  color: var(--cyan);
  font-weight: 800;
  letter-spacing: .06em;
}

.timeline-item h3 {
  font-size: 1.25rem;
}

.timeline-item p {
  color: var(--muted);
  margin-bottom: 0;
}

@media (max-width: 576px) {
  .timeline-item {
    grid-template-columns: 1fr;
    gap: .5rem;
  }
}