The mega-menu sub-panel was rendering with invisible text on some browsers
(Tailwind class chain in v4 + framer-motion mount-time race). Switching to
inline style locks the contrast regardless of CSS-class resolution order:
- panel motion.div: explicit background:#ffffff + color:#1f2937 + z-50
- each sub-link: inline color:#1f2937 (default) and white-on-violet hover
pushed via onMouseOver/Out as a JS fallback
- top-level mega-menu link already had explicit color:#fff with text shadow
This is defensive — no harm if Tailwind already handled it; corrects any
case where the panel showed empty.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
chpark
291f8bc20d