Expert AI Prompt for Zoom-into-Section Scroll Interaction

Act as a Principal Creative Developer. Create an immersive, cinematic 'zoom-in' scroll architecture in React utilizing Framer Motion. A massively oversized background container must initialize at [INITIAL_SCALE] (e.g., `0.2`) and scale dramatically up to [FINAL_SCALE] (e.g., `1.0`) as the user scrolls through a parent container artificially elongated to [CONTAINER_HEIGHT] (e.g., `400vh`) using `position: sticky`. The [FOCUS_ELEMENT] (e.g., a masked portal or text lockup) must remain perfectly centered in the viewport, fading its inner content into opacity exactly as the scale maxes out. Mathematically map the container's `scrollYProgress` to the scale and opacity vectors. Inject a reverse-parallax calculation for secondary floating elements within the zoom container to provide intense focal depth. Wrap the primary scroll input in a heavily damped `useSpring` to eliminate trackpad jitter. This architecture is intended for high-impact enterprise landing pages where a product image seamlessly transforms into the full-page layout.