/* Shared scale for category headings, including the PIN archive. */
.page-intro .page-title,
.pin-page-header h1 {
  font-size: clamp(42px, 4.8vw, 72px);
  line-height: 1;
}

/* Let content determine header height instead of reserving half a screen. */
.inner-main > .top-back-nav,
.pin-page > .top-back-nav {
  padding-top: 12px;
}

.page-intro {
  min-height: 0;
  padding-top: 24px;
  padding-bottom: 28px;
  row-gap: 12px;
}

.page-intro .page-kicker {
  margin: 0;
}

.pin-page-header {
  padding-top: 24px;
  padding-bottom: 28px;
  row-gap: 24px;
}

@media (max-width: 760px) {
  .page-intro,
  .pin-page-header {
    padding-top: 16px;
    padding-bottom: 24px;
  }
}