Building a 'FLIP' Animation System for Layout Transitions

Act as a React/GSAP Integration Lead. Utilize the premium GSAP `Flip` Plugin to architect a high-end, app-like UI layout transition. The logic must orchestrate the movement between an [INITIAL_STATE_CLASS] (e.g., a dense grid of thumbnail cards) and a [FINAL_STATE_CLASS] (e.g., a single, full-screen hero overlay). The script must programmatically capture the bounding box `getState()` of all [TRANSITION_ELEMENTS] before the DOM mutates. Execute the `Flip.from()` method incorporating a highly tuned [STAGGER_CONFIG] to generate a fluid, cascading reorganization of the layout. Guarantee the timeline perfectly handles deeply nested child elements and forcefully maintains correct Z-index ordering to prevent visual tearing during the First Last Invert Play motion.