Add pale product motifs to product heroes

[NicholasKissel]

Summary

• extract the four homepage card motifs into a shared internal ProductMotif component
• add static, masked porcelain treatments to the Actors, agentOS, Workflows, and Dynamic Apps heroes while leaving Rivet Cloud unchanged
• keep hero content readable and non-interactive, with stronger side contrast for Workflows and Dynamic Apps
• harden reveal fallbacks so product content does not remain blank during slow hydration
• pre-bundle the icon graph in development and make the Products menu toggle consistently across Chromium and WebKit

Validation

• pnpm assemble
• pnpm check:sitemap
• pnpm build
• CHECK_REMOTE_ASSETS=1 pnpm check:seo
• production Astro rebuild after the final reveal fallback change
• 1440x900 and 390x844 browser checks for all four heroes, Cloud regression, clipping, pointer events, and horizontal overflow
• Chromium and WebKit Products-menu toggle checks plus client-side product navigation

Note

The repository lint script cannot currently run because ESLint 9 has no eslint.config.js/mjs/cjs file.

[railway-app]

🚅 Deployed to the website-pr-22 environment in rivet-website

Service	Status	Web	Updated (UTC)
website	✅ Success (View Logs)	Web	Aug 27, 2026 at 5:50 pm