/* pg-page-head — quiet editorial folio for utility and content pages. */
.b-page-head {
  position: relative;
  overflow: hidden;
  padding-block: var(--sp-8) var(--band-pad);
  background: linear-gradient(to right,
    var(--home-forest-deep) 0 13%,
    var(--home-paper) 13% 100%);
  color: var(--home-forest-deep);
}

.b-page-head::after {
  content: "";
  position: absolute;
  inset-inline-start: calc(13% - var(--sp-6));
  inset-block-end: var(--sp-12);
  inline-size: 72px;
  block-size: 72px;
  background: var(--home-orange);
}

.b-page-head > .container {
  position: relative;
  z-index: 1;
  max-inline-size: var(--container-wide);
}

.b-page-head__crumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sp-2);
  list-style: none;
  margin: 0 0 var(--sp-10) 15%;
  padding: 0;
  color: var(--soft);
}

.b-page-head__crumb li { display: flex; align-items: center; gap: var(--sp-2); }
.b-page-head__crumb li + li::before { content: "/"; color: var(--sage); }

.b-page-head__crumb a {
  color: var(--soft);
  text-decoration: none;
  border-block-end: 1px solid transparent;
  transition: color var(--dur-hover) var(--ease-out),
              border-color var(--dur-hover) var(--ease-out);
}

.b-page-head__crumb a:hover,
.b-page-head__crumb a:focus-visible {
  color: var(--home-forest-deep);
  border-block-end-color: var(--home-orange);
}

.b-page-head__crumb [aria-current="page"] { color: var(--home-forest-deep); }

.b-page-head__body {
  max-inline-size: 760px;
  margin-inline-start: 15%;
  padding: var(--sp-10) var(--sp-12);
  border-inline-start: 1px solid var(--sage);
  background: var(--home-paper);
}

.b-page-head__body .t-label {
  margin-block-end: var(--sp-5);
  color: var(--home-orange-ink);
}

.b-page-head h1 {
  margin-block-end: var(--sp-6);
  color: var(--home-forest-deep);
}

.b-page-head h1::after {
  content: "";
  display: block;
  inline-size: var(--sp-16);
  block-size: 3px;
  margin-block-start: var(--sp-6);
  background: var(--home-orange);
}

.b-page-head__lede {
  max-inline-size: var(--measure);
  margin-block-end: var(--sp-8);
  color: var(--soft);
}

.b-page-head__ctas { display: flex; flex-wrap: wrap; gap: var(--sp-4); }

.b-page-head .s-slot {
  color: var(--soft);
  text-decoration: underline dashed var(--line);
  text-underline-offset: .35em;
  text-decoration-thickness: 1px;
}

.b-page-head .s-slot--inline { display: inline-block; }

@media (max-width: 800px) {
  .b-page-head { background: var(--home-paper); }
  .b-page-head::after { display: none; }
  .b-page-head__crumb ol,
  .b-page-head__body { margin-inline-start: 0; }
  .b-page-head__body { padding: var(--sp-8) var(--sp-6); }
}

@media (max-width: 560px) {
  .b-page-head__ctas { flex-direction: column; align-items: stretch; }
}