Expert AI Prompt for Scroll-Linked SVG Path Drawing in React

Act as a Creative Technologist and SVG Animation Expert. Develop a sophisticated React component that leverages Framer Motion to execute an SVG path 'drawing' effect intricately linked to the user's precise scroll position. Utilize [SVG_PATH_DATA] as the target complex vector shape. Mathematically map the `pathLength` property of the `motion.path` element directly to the scroll progress utilizing `useTransform`. Calibrate the scroll container so the animation initiates exactly at [OFFSET_START] (e.g., when the element hits 80% of the viewport height) and completes precisely as the container exits the viewport. Utilize [STRIKE_COLOR] for the vector stroke. Implement a custom React hook to recalculate the exact path length on window resize events to prevent visual tearing. Integrate `react-intersection-observer` to aggressively unmount or pause the animation calculation when the SVG is out of view, strictly preserving GPU resources.