.calendar-heading {
  display: grid;
  grid-template-columns: minmax(300px, 1.05fr) minmax(330px, 1fr) auto;
  align-items: center;
  gap: 38px;
}

.calendar-page { padding: 68px 0 22px; }

.calendar-page h1 {
  font-size: clamp(40px, 4.7vw, 64px);
  white-space: nowrap;
}

.calendar-page .lede {
  max-width: 470px;
  font-size: 16px;
}

.calendar-status { justify-self: end; align-self: center; }

@media (max-width: 900px) {
  .calendar-heading { grid-template-columns: 1fr 1fr; gap: 24px; }
  .calendar-status { justify-self: start; }
}

@media (max-width: 700px) {
  .calendar-heading { display: block; }
  .calendar-page h1 { white-space: normal; }
}