Stacked Profiles Team Block for React

Edit LEADERS at the top of the file. A leader is a name, a role, a tenure, a bio, an ask list of topics and a plate (one of three greyscale pairs). The initials come from the name. Three bands fill the block; with more, the section gets longer, so past four consider a grid instead.

A calendar year goes stale. "Year 7, since the first load" stays true as long as you update it once a year, and it tells the reader more than a start date would. Replace it with any text you like.

As a list of articles: each leader is an li holding an article with the name in an h3, and the topics are a list of their own. The plate is decorative, so it is hidden from screen readers; the name next to it says the same thing.

Below lg each band stacks: the plate shrinks to a small square beside the name, role and tenure, and the text follows underneath. Each bio is clamped to three lines on screens narrower than sm so three leaders stay within about two screens; the full text is still in the page, so a screen reader reads it all.

Each band draws its own top rule with Guides, so the + marks land on the rule where it meets the rails, and the divider between plate and text is a start border with a mark where it meets that rule. No band draws a bottom rule, so the last one ends the block and the next block's top rule closes it.

Yes. Put an AvatarImage in each Avatar before the fallback and keep it square; the plate has rounded corners that the image inherits. The plate is decorative, so the picture needs no alternative text.