.page-hero {
  background: linear-gradient(135deg, var(--navy) 0%, var(--navy-dark) 100%);
  color: var(--white);
  padding: var(--space-3xl) 0;
  text-align: center;
}

.page-hero__title {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-weight: var(--weight-bold);
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: var(--space-md);
}

.page-hero .breadcrumbs {
  justify-content: center;
}

.page-hero .breadcrumbs a,
.page-hero .breadcrumbs span {
  color: rgba(255, 255, 255, 0.7);
  font-size: var(--text-sm);
}

.page-hero .breadcrumbs a:hover {
  color: var(--white);
}

.page-hero .breadcrumbs__separator {
  color: rgba(255, 255, 255, 0.5);
}