/* ═══════════════════════════════════════════
   INNER HERO / PAGE HEADER
═══════════════════════════════════════════ */
.inner-header {
  min-height: 30vh;
  padding-bottom: 0;
  background: var(--navy);
}
.inner-header .hero-wrap::before {
  background: none;
}

.page-header {
  padding: clamp(2.5rem, 1.5rem + 4vw, 5rem) 0;
  text-align: center;
  position: relative;
  z-index: 2;
}
.page-header h1 {
  font-size: var(--heading-page);
  color: #fff;
  line-height: var(--lh-snug);
  margin-bottom: clamp(0.5rem, 0.35rem + 0.5vw, 1rem);
  text-wrap: balance;
  padding-inline: clamp(0.5rem, 2vw, 1.5rem);
}

/* Breadcrumb */
.page-header .breadcrumb {
  justify-content: center;
  background: transparent;
  padding: 0;
  margin: 0;
  gap: 0.5rem;
}
.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--text-sm);
}
.page-header .breadcrumb-item.active {
  color: #fff;
}

.page-header .crumb {
  font-size: var(--text-sm);
}
.page-header .crumb a {
  color: rgba(255, 255, 255, 0.7);
}
.page-header .crumb a:hover {
  color: #fff;
}
.page-header .crumb span {
  color: rgba(255, 255, 255, 0.7);
}