.updates {
  min-height: 60vh;
  padding-block: clamp(48px, 8vw, 112px);
}

.updates h1 {
  margin-bottom: clamp(26px, 4vw, 60px);
  font-size: clamp(3rem, 7vw, 6rem);
}

.update {
  display: grid;
  grid-template-columns: minmax(112px, .32fr) minmax(0, 1fr);
  gap: 20px;
  padding-block: 28px;
  border-top: 1px solid var(--line);
}

.update:last-child {
  border-bottom: 1px solid var(--line);
}

.update time, .update p {
  color: var(--muted);
}

.update time {
  padding-top: .18em;
  font-size: .875rem;
}

.update h2 {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  letter-spacing: -.055em;
}

.update p {
  max-width: 52ch;
  margin-top: 10px;
}

@media (max-width: 550px) {
  .update {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}