@layer component {
  .paragraph--person-list {
    margin-block: var(--layout-component-block-space);

    & > .field--field-title > h2 {
      margin-block-end: 2.5rem;
    }

    & > .field--field-people > * + * {
      margin-block-start: clamp(3.75rem, 8vw, 5rem);
    }
  }

  @media screen and (min-width: 48rem) {
    .paragraph--person-list {
      & > .field--field-title > h2 {
        font: var(--font-head-xl-light);
        letter-spacing: var(--letter-spacing-head-xl-light);
      }
    }
  }
}