/* Shared interior header system, matched to the This Year's Inductees page. */
.history-page,
.bylaws-page,
.nomination-page,
.ceremony-page,
.honor-page,
.board-page,
.links-page {
  padding-top: 108px;
}

.interior-page-header {
  position: relative;
  z-index: 3;
  width: min(820px, 100%);
  max-width: 820px;
  margin: 0 auto 46px;
  padding: 14px 26px 18px;
  background: linear-gradient(180deg, rgba(2, 6, 8, 0.6), rgba(2, 6, 8, 0.18));
  border-top: 2px solid var(--cyan);
  text-align: center;
  backdrop-filter: blur(2px);
}

.interior-page-header .interior-page-kicker {
  display: block;
  margin: 0 0 10px;
  color: var(--cyan);
  font: 700 18px/1 "Barlow Condensed", Arial, sans-serif;
  letter-spacing: 3px;
  text-align: center;
  text-transform: uppercase;
}

.interior-page-header > h1 {
  display: block;
  margin: 0;
  color: var(--white);
  font: italic 700 clamp(48px, 5vw, 75px)/0.92 "Barlow Condensed", Impact, sans-serif;
  letter-spacing: 0;
  text-align: center;
  text-shadow: 0 6px 0 rgba(0, 0, 0, 0.58), 0 0 22px rgba(230, 230, 230, 0.08);
  text-transform: uppercase;
}

.interior-page-header .interior-page-lead {
  display: block;
  max-width: 760px;
  margin: 13px auto 0;
  color: rgba(230, 230, 230, 0.72);
  font: 400 clamp(15px, 1.2vw, 19px)/1.45 "Inter", Arial, sans-serif;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
}

.interior-page-header .bylaws-revision,
.interior-page-header .ceremony-draft-note {
  margin-top: 14px;
  text-align: center;
}

@media (max-width: 700px) {
  .history-page,
  .bylaws-page,
  .nomination-page,
  .ceremony-page,
  .honor-page,
  .board-page,
  .links-page {
    padding-top: 92px;
  }

  .interior-page-header {
    margin-bottom: 34px;
  }
}