/* pinnacle — editorial callout. */
.pinnacle { background: var(--color-navy); color: var(--color-white); }
.pinnacle__inner {
  max-width: var(--content-max-width);
  margin: 0 auto;
  padding: var(--space-section-y) var(--margin);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.pinnacle__eyebrow { color: var(--accent-decor); margin: 0; }
.pinnacle__headline {
  font-family: var(--font-display-condensed);
  font-weight: var(--weight-poster-heavy);
  text-transform: uppercase;
  font-size: var(--fs-section-headline);
  line-height: .95;
  margin: 0;
  max-width: 24ch;
  text-wrap: balance;
  letter-spacing: .01em;
}
.pinnacle__body { color: #ffffffd1; max-width: 70ch; margin: 0; }
/* The inner is a stretch-aligned flex column, so without this the button grows
   to the full content width instead of hugging its label. */
.pinnacle__btn { align-self: flex-start; margin-top: 8px; }