/* Intro lock-up (the landing slide): byline, then a centred H1 across the full container width, then an H2 (IBM Plex Sans) line of text.
   Separate from .lockup (project titles), so none of its width or alignment rules apply here.
   <div class="intro">
     <p class="intro__meta t-h4-light"><strong class="t-h4">Name</strong><span class="sep" aria-hidden="true"></span>Role</p>
     <h1 class="intro__title t-h1">…</h1>
     <p class="intro__text t-h2">…</p>
   </div> */
.intro { width: min(var(--container), 100%); display: grid; justify-items: center; gap: var(--space-5); text-align: center; }
.intro__meta { margin: 0; }
.intro__title { margin: 24px 0 0; color: var(--color-headline); text-wrap: balance; }   /* margin-top: 24px on top of the grid gap (20px): more air under the name / role line */
.intro__text { margin: var(--space-5) 0 0; color: var(--color-headline); text-wrap: balance; }   /* plus the grid gap = double the space of the other gaps */