/* Section label — small mono uppercase eyebrow above headings.
 * ---------------------------------------------------------------------- */

@layer modules {
  .section-label {
    color: var(--color-ink-medium);
    font-family: var(--font-mono);
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0;
    text-transform: uppercase;
  }

  .section-label__link {
    color: inherit;
    text-decoration: none;
  }

  .section-label__link:hover {
    color: var(--color-accent);
  }
}