/* Page header: a banner photo with breadcrumb and title (partners, contact) */
.page-hero {
  width: 100%;
  height: 38vh;
  min-height: 260px;
  margin-top: 0;
  background-size: cover;
  background-position: center 33%;
  background-repeat: no-repeat;
  position: relative;
}

.page-hero-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: flex-end;
  padding-bottom: 2.5rem;
}

.page-breadcrumb {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.9rem;
  margin-bottom: 0.6rem;
}

.page-breadcrumb a {
  color: var(--accent-on-dark);
  text-decoration: none;
}

.page-breadcrumb a:hover { text-decoration: underline; }

.page-breadcrumb span { margin: 0 0.4rem; }

.page-hero-title {
  font-size: 2.2rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
}

.page-hero-subtitle {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.1rem;
  margin-top: 0.5rem;
  max-width: 600px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  /* Bulma's container has no side padding on a phone */
  .page-hero-overlay { padding-left: 1rem; padding-right: 1rem; }
  .page-hero-title { font-size: 1.6rem; }
  .page-hero-subtitle { font-size: 0.95rem; }
}