A photo explainer for a development: eyebrow, heading and lead, then a 16:9 photograph with numbered markers placed by percentage; hovering, focusing or clicking a marker or its row in the list under the photo cross-fades that part's title and note into a column beside the photo and moves a primary bar to the matching row.