/* Shared introduction for simple inner pages. Match the accepted home eyebrow
   and regular H2 scale; content and header share container-wide. */
.section-kicker {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0 0 var(--space-sm);
  color: var(--color-accent-soft);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: .18em;
  line-height: var(--leading-ui);
  text-transform: uppercase;
}

.section-kicker::before {
  flex: 0 0 2.75rem;
  height: 1px;
  background: currentColor;
  content: '';
}

.inner-page-intro {
  padding-block: calc(clamp(5.4rem, 5.8vw, 6.1rem) + var(--space-xl)) var(--space-xl);
  color: var(--color-text);
  background: var(--color-bg);
}

.inner-page-intro__title > span,
.inner-page-intro__title > em { display: inline-block; }

.inner-page-intro__title em {
  color: var(--color-accent-soft);
  font-family: var(--font-serif);
  font-size: 1.12em;
  font-weight: 500;
  line-height: 1.12;
}

.inner-page-intro__lead {
  max-width: 62ch;
  margin: var(--space-md) 0 0;
  color: var(--color-body);
  font-size: var(--text-body);
  line-height: var(--leading-body);
}

/* Optical rhythm for display-scale, multiline headings with deep serif forms. */
.inner-page-intro__lead--after-display {
  margin-top: var(--space-lg);
}

@media (max-width: 60rem) {
  .inner-page-intro { padding-top: calc(4.8rem + var(--space-xl)); }
}

@media (max-width: 35rem) {
  .inner-page-intro__title > span,
  .inner-page-intro__title > em { display: block; }
}