Leadership Remit Rows About Block for React

Edit LEADERS at the top of the file. Each has a name, a role, an owns line, two topics and a since label such as "Year 2". The initials are derived from the name. Add or remove rows freely: the list and its last row are drawn from the array, and the heading's count is the length.

The section has one h2. Each name is an h3. The initials avatar is decorative, because the name is written beside it. "Owns" introduces the outcome. The topics are a list labelled "Ask" plus the person's name. The join label is text. The rails are hidden from assistive technology.

Each row stacks: the person, what they own, the words "Ask them about" with the chips under them, then when they joined. On a large screen those words stay available to a screen reader and the chips sit in their own column. Nothing scrolls sideways at 320 pixels.

"Year 1" is the company's first year, and later labels count from there. Keep since in that form so the page does not go stale.

The rows run to the foot of the block. The following section draws the next rule, so this one does not add a second line with empty space under it.

The heading fades up once when the page loads. The rows sit still. With reduced motion the entrance is off.