Prepare project for pipeline takeover: task tracker, UX doc, CLAUDE.md pointers

Adds docs/tasks/ (16 epics + 102 stories converted to task/subtask files with
statuses.md as the new status source of truth) and docs/ux-design.md
(retrospective design-system reference), and points CLAUDE.md at them.
docs/prd.md and docs/architecture.md are kept as BMAD wrote them; the legacy
docs/stories/, docs/epics/, docs/qa/gates/ and .bmad-core/ stay in place as
historical/traceability records, superseded but not deleted.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

docs/tasks/16-2.md

@@ -0,0 +1,23 @@
+---
+id: 16-2
+title: 16-2 Vision & Mission Section
+status: QA Review
+date: 2026-09-27
+parent: 16
+---
+
+## Description
+
+As a website visitor I want to read Libra's vision and mission statements So that I understand the organization's purpose and who they serve. Full implementation history: docs/stories/story-16.2-vision-mission-section.md
+
+## Acceptance Criteria
+
+- [ ] AC1: Vision Section Container: Given the About Us page below the hero; When displayed; Then show a vision section with:
+- [ ] AC2: Vision Section Header: Given the vision section; When displayed; Then show section header:
+- [ ] AC3: Vision Statement: Given the vision section; When displayed; Then show the full vision statement:
+- [ ] AC4: Mission Section Container: Given the About Us page below the vision; When displayed; Then show a mission section with:
+- [ ] AC5: Mission Section Header: Given the mission section; When displayed; Then show section header:
+- [ ] AC6: Mission Cards - Three Categories: Given the mission section; When displayed; Then show 3 mission cards in a responsive grid:
+- [ ] AC7: Mission Card Styling: Given each mission card; When displayed; Then style with:
+- [ ] AC8: Responsive Grid: Given different screen sizes; When viewing mission cards:
+- [ ] AC9: RTL Support: Given Arabic language is selected; When viewing both sections; Then all text and cards align right-to-left correctly