/* .eyebrow (DESIGN.md §5): the small uppercase label of a section. Written in
   sentence case in the markup. */
@layer components {
  .eyebrow {
    font-family: var(--font-text);
    font-size: var(--text-eyebrow);
    line-height: var(--leading-eyebrow);
    font-weight: 600;
    letter-spacing: var(--tracking-eyebrow);
    text-transform: uppercase;
    color: var(--color-muted);
  }
}