@layer blocks {
  /* The founder's sign-off. The name tilts; the role tilts back so it reads
     level under a slanted signature. */
  .signature {
    display: inline-block;
    font-family: var(--font-hand);
    font-size: 1.9rem;
    font-weight: var(--weight-semi);
    rotate: -2deg;
  }

  .signature small {
    display: block;
    margin-block-start: var(--space-3xs);
    font-family: var(--font-label);
    font-size: 0.8rem;
    font-weight: var(--weight-medium);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-text-faint);
    rotate: 2deg;
  }
}