Add FuneralFinder v2 — quick-form stepped search widget

- 4-step vertical form: intent, planning-for, type, location
- Sequential unlock: each step enables when the previous is filled
- Step circles (48px, brand-200) transition to brand-500 check on completion
- Connector lines between circles for visual progression
- Conditional logic: arrange-now auto-sets step 2 to "Someone else"
- CTA disabled until location filled, trust signal below
- Display serif heading + subheading with divider
- Critique 33/40 (Good), Audit 18/20 (Excellent)

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

src/components/organisms/FuneralFinder/FuneralFinderV2.stories.tsx

@@ -0,0 +1,69 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Box from '@mui/material/Box';
+import { FuneralFinderV2 } from './FuneralFinderV2';
+
+const meta: Meta<typeof FuneralFinderV2> = {
+  title: 'Organisms/FuneralFinderV2',
+  component: FuneralFinderV2,
+  parameters: {
+    layout: 'padded',
+  },
+  args: {
+    onSearch: (params) => {
+      console.log('Search params:', params);
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof FuneralFinderV2>;
+
+/** Default empty state — all 3 steps ready for input */
+export const Default: Story = {};
+
+/** Loading state — CTA shows spinner */
+export const Loading: Story = {
+  args: { loading: true },
+};
+
+/** Placed below a masthead-style header to preview in context */
+export const BelowMasthead: Story = {
+  decorators: [
+    (Story) => (
+      <Box>
+        {/* Simulated masthead */}
+        <Box
+          sx={{
+            bgcolor: 'var(--fa-color-sage-800, #4c5459)',
+            color: '#fff',
+            py: 6,
+            px: 4,
+            textAlign: 'center',
+          }}
+        >
+          <Box sx={{ fontSize: '2rem', fontWeight: 700, mb: 1 }}>
+            Funeral Arranger
+          </Box>
+          <Box sx={{ opacity: 0.8 }}>
+            Find trusted funeral directors near you
+          </Box>
+        </Box>
+        {/* Widget below masthead */}
+        <Box sx={{ maxWidth: 560, mx: 'auto', mt: -4, px: 2, position: 'relative', zIndex: 1 }}>
+          <Story />
+        </Box>
+      </Box>
+    ),
+  ],
+};
+
+/** Constrained width — typical sidebar or narrow column */
+export const Narrow: Story = {
+  decorators: [
+    (Story) => (
+      <Box sx={{ maxWidth: 400, mx: 'auto' }}>
+        <Story />
+      </Box>
+    ),
+  ],
+};