/* Shared page header — dark brand band, breadcrumb, large editorial title. */

.page-head {
  background:
    radial-gradient(90% 130% at 100% 0%, rgb(255 255 255 / 0.05) 0%, transparent 55%),
    var(--green-800);
  padding-top: calc(124px + var(--space-8));
  padding-bottom: var(--space-10);
  border-bottom: 1px solid var(--ondark-line);
}

.page-head__crumb {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--text-small);
  color: var(--ondark-40);
}
.page-head__crumb a {
  color: var(--ondark-70);
  transition: color var(--duration-fast) var(--ease-out);
}
.page-head__crumb a:hover { color: #fff; }
.page-head__crumb [aria-current="page"] { color: var(--green-200); }

.page-head__title {
  margin-top: var(--space-4);
  color: #fff;
  font-size: var(--text-h1);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -0.02em;
  max-width: 20ch;
}

@media (max-width: 1200px) {
  .page-head { padding-top: calc(84px + var(--space-8)); }
}