- Folder
- src/components/HighlightTile/
- Props
- HighlightTile: figure, what, how (a Highlight from src/content/highlights.ts), lifted (Workshop lifted tile only)
- HighlightGrid: items, liftedIndex (marks one tile as the lifted state)
- Tokens
- Figure: text-stat Text; what: text-title Text; how: text-small Text 2
- Tile: 24 px padding, square, Ground fill; hover Surface Lift with shadow-lift, raised above its neighbors
- Grid: two columns, one on phone; 1 px gap over Border makes the hairlines
- Motion
- Background and shadow 150 ms standard; no transform, so reduced motion keeps it
- Accessibility
- A ul of li tiles; each reads figure, what, how in order
- Not a link and not focusable; the lift is pointer feedback only