Summary
Enable deep-linking for individual cars in the Fleet Timeline on /cars so users can navigate directly to a specific entry via URL hash and get smooth animated scrolling to the target card.
Problem
The Fleet Timeline currently does not fully support anchor-based navigation. Visiting a URL like /cars#schulich-elysia should reliably scroll to that car's timeline card, but this behavior is not implemented.
Proposed solution
- Add stable anchor identifiers for each fleet timeline item (based on car ID and/or normalized car name).
- Update timeline interactions so selecting/clicking a car updates the URL hash without a full page reload.
- On page load (and hash changes), detect the hash and scroll to the matching timeline item.
- Use smooth scroll animation for anchor navigation.
- Ensure behavior works for direct navigation (opening URL in new tab), refreshes, and back/forward browser navigation.
Acceptance criteria
- Navigating to
/cars#<carID-or-name> scrolls to the matching car timeline entry.
- Scroll behavior is smooth and visually consistent with current site animations.
- Clicking/selecting a timeline item updates the URL hash correctly.
- If no matching anchor exists, page behavior fails gracefully (no crash; optional fallback to top/default state).
- Works across modern desktop and mobile browsers.
Notes

Summary
Enable deep-linking for individual cars in the Fleet Timeline on
/carsso users can navigate directly to a specific entry via URL hash and get smooth animated scrolling to the target card.Problem
The Fleet Timeline currently does not fully support anchor-based navigation. Visiting a URL like
/cars#schulich-elysiashould reliably scroll to that car's timeline card, but this behavior is not implemented.Proposed solution
Acceptance criteria
/cars#<carID-or-name>scrolls to the matching car timeline entry.Notes