/* header.css — page header shell (not the nav component) */

/* ─── SITE HEADER WRAPPER ────────────────────────────────── */
/* Used on pages that have a distinct header region below the nav */
.page-header {
  padding-top: calc(var(--section-pad) + 80px); /* clear fixed nav */
  padding-bottom: var(--section-pad);
  position: relative;
  overflow: hidden;
}

.page-header--centered {
  text-align: center;
}

.page-header__eyebrow {
  margin-bottom: var(--space-sm);
}

.page-header__heading {
  margin-bottom: var(--space-sm);
}

.page-header__subhead {
  font-size: var(--size-body);
  color: var(--color-text-secondary);
  max-width: 560px;
}

.page-header--centered .page-header__subhead {
  margin-inline: auto;
}