.c-page-hero {
  padding-block: clamp(var(--space-16), 8vw, var(--space-20));
  background: var(--color-accent-fill);
  color: var(--color-white);
  text-align: center;
}

.c-page-hero__inner {
  max-width: var(--container-text-md);
  margin-inline: auto;
}

.c-page-hero__inner--lg {
  max-width: var(--container-text-lg);
}

.c-page-hero__eyebrow {
  color: var(--color-white) !important;
}

.c-page-hero__heading {
  margin-bottom: var(--space-5);
  color: var(--color-white) !important;
  font-size: var(--text-h1);
  line-height: 1.02;
}

.c-page-hero__body {
  color: rgb(255 255 255 / 88%);
  font-size: var(--text-lead);
  font-weight: 500;
  line-height: 1.65;
}

/* ── Editorial variant ────────────────────────────────────────────
   Used by the journal index, category archives and search. Espresso
   rather than copper so the listing pages sit in the same dark, quiet
   register as the immersive article hero, with copper reserved for the
   eyebrow and the rule beneath the heading. */

.c-page-hero--editorial {
  position: relative;
  background:
    radial-gradient(90% 130% at 50% 0%, var(--color-dark-raised), transparent 62%),
    var(--color-dark);
}

.c-page-hero--editorial::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(
    to right,
    var(--color-accent) 0 33%,
    var(--color-earth-600) 33% 66%,
    var(--color-olive-600) 66% 100%
  );
  content: "";
}

.c-page-hero--editorial .c-page-hero__eyebrow {
  color: var(--color-tan-400) !important;
}

.c-page-hero--editorial .c-page-hero__heading::after {
  background: var(--color-accent);
}

.c-page-hero--editorial .c-page-hero__heading {
  position: relative;
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-5);
}

.c-page-hero--editorial .c-page-hero__heading::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 3.5rem;
  height: 3px;
  background: var(--color-accent);
  content: "";
  transform: translateX(-50%);
}

.c-page-hero--editorial .c-page-hero__body,
.c-page-hero--editorial .wp-block-term-description p {
  max-width: 60ch;
  margin-inline: auto;
  color: rgb(245 237 226 / 82%);
}

.c-page-hero--editorial :focus-visible {
  outline-color: var(--color-focus-dark);
}

/* Search field inside the editorial hero. */
.c-page-hero__search {
  max-width: 30rem;
  margin: var(--space-8) auto 0;
}

.c-page-hero__search .wp-block-search__inside-wrapper {
  border: 1px solid rgb(212 176 138 / .4);
  background: rgb(245 237 226 / .07);
}

.c-page-hero__search .wp-block-search__input {
  padding: var(--space-4) var(--space-5);
  border: 0;
  background: transparent;
  color: var(--color-white);
  font-family: var(--font-body);
}

.c-page-hero__search .wp-block-search__input::placeholder {
  color: rgb(245 237 226 / .55);
}

.c-page-hero__search .wp-block-search__button {
  margin: 0;
  padding: var(--space-4) var(--space-6);
  border: 0;
  background: var(--color-accent-fill);
  color: var(--color-white);
  font-size: var(--text-label);
  font-weight: 800;
  letter-spacing: var(--tracking-button);
  text-transform: uppercase;
}

.c-page-hero__search .wp-block-search__button:hover {
  background: var(--color-accent-hover);
}