/* Section header — eyebrow + heading + lead, shared by every home section
   and reusable on standard pages. */
@layer components {
  .pk-section-header {
    margin-bottom: var(--pk-space-6);
    max-width: 56ch;
  }

  .pk-section-eyebrow {
    font-family: var(--pk-font-mono);
    font-size: var(--pk-text-eyebrow);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pk-marine);
    margin-bottom: var(--pk-space-3);
  }

  .pk-section-lead {
    color: var(--pk-slate);
    font-size: var(--pk-text-body-lg);
    margin: 0;
    line-height: 1.55;
  }
}