/* ==========================================================================
   Module: page-hero — inner-page hero
   ========================================================================== */

.m-page-hero {
  padding: clamp(128px, 18vh, 210px) var(--pad-x) clamp(48px, 7vh, 84px);
}

.m-page-hero__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: clamp(28px, 4vh, 46px);
}
.m-page-hero__square {
  width: 8px;
  height: 8px;
  background: var(--accent);
}
.m-page-hero__label {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--muted);
}

.m-page-hero__title {
  max-width: 15ch;
}
.m-page-hero__title em,
.m-page-hero__title i {
  font-style: italic;
  font-weight: 500;
  color: var(--accent);
}

.m-page-hero__lead {
  margin-top: clamp(26px, 3.6vh, 40px);
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: clamp(1.2rem, 2vw, 1.7rem);
  line-height: 1.4;
  color: var(--body);
  max-width: 52ch;
}