/* About page: career rows. */

.career {
  margin-top: clamp(28px, 4vw, 48px);
  border-top: 1px solid var(--rule);
}

.career .role {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr);
  gap: 24px;
  align-items: baseline;
  padding: clamp(22px, 3vw, 32px) 0;
  border-bottom: 1px solid var(--rule);
}

.career .co {
  font: 400 clamp(1.5rem, 2.6vw, 2.1rem) / 1.1 var(--display);
  letter-spacing: -0.02em;
  color: var(--ink);
}

.career .title {
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--signal-deep);
}

.career p {
  margin: 0;
  color: var(--ink-2);
  line-height: 1.55;
}

@media (max-width: 720px) {
  .career .role {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
}