Stack hero content vertically: heading → subheading → finder

Hero flex-direction: row → column so finder sits below the text,
centred, with bottom half overlapping into the white section.
Matches reference layout: text on image, finder straddles boundary.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/components/pages/HomePage/HomePage.tsx

@@ -215,8 +215,9 @@ export const HomePage = React.forwardRef<HTMLDivElement, HomePageProps>(
                 position: 'relative',
                 minHeight: { xs: 480, md: 640 },
                 display: 'flex',
-                alignItems: 'flex-start',
-                justifyContent: 'center',
+                flexDirection: 'column',
+                alignItems: 'center',
+                justifyContent: 'flex-start',
                 backgroundImage: `url(${heroImageUrl})`,
                 backgroundSize: 'cover',
                 backgroundPosition: 'center',