.about-hero {
  padding-top: clamp(1.6rem, 3vw, 3.4rem);
}

.values-grid {
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.timeline {
  display: grid;
  gap: 0.6rem;
}

.timeline-item {
  padding: 1.5rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  background: var(--color-card);
  box-shadow: var(--shadow-card);
}