home: brand hero with in-flow splash animation, 3-product teaser, bundle imagery

Home page now opens with a BrandHero that plays the figure entrance
animation in flow (replacing the full-screen SplashIntro overlay),
followed by a 3-product Cook/Clean/Care teaser feeding the shop. Splash
paths extracted to a shared module so BrandHero can render the same
illustration without duplicating ~500KB of SVG path strings.

ProductCard gains `cream` and `brand` tones (cream/green media wash
with white card body); homepage teaser uses `brand`, shop catalogue
switches to the green wash too. Bundle cards point at the new
/bundles/background/* artwork.

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

src/pages/ShopPage.vue

@@ -241,7 +241,7 @@ onBeforeUnmount(() => {
             :image="product.image"
             :image-alt="product.title"
             :href="product.href"
-            tone="cream"
+            tone="brand"
             :in-stock="product.inStock"
             :cta-variant="i % 2 === 1 ? 'accent' : 'primary'"
             @add="onAdd(product)"