.page-intro {
  display: grid;
  grid-template-columns: var(--container);
  justify-content: center;
  row-gap: var(--spacing-block-lg);
  padding-block-start: var(--spacing-gap-lg);
}

.page-intro__lead {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-block-s);
}

.page-intro__date {
  font: var(--type-text-body-r);
  color: var(--color-text-muted);
}

.page-intro__title {
  font: var(--type-heading-h1);
  color: var(--color-text-heading);
  overflow-wrap: break-word;
}

.page-intro__cover {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-md);
}