Burger Web

Prompt

Create a cinematic, scroll-driven 3D burger animation for the existing homepage. Keep the current design and styling unchanged. The burger should feel like a physical object being explored by a moving camera, not a static image with simple zoom effects. **Scroll choreography:** - Start with a close, three-quarter overhead shot. - As the user scrolls, orbit the camera around the burger while gradually lowering its viewing angle. - Reveal the burger's front profile, stacked ingredients, melted cheese and toasted bun through genuine perspective changes. - Move into a dramatic low-angle close-up, then smoothly pull back into a wider composition as the next section appears. - Reverse every movement precisely when scrolling upward. **Technical requirements:** - Drive the entire animation from normalized scroll progress (0–1), using GSAP ScrollTrigger with scrub or an equivalent system. - Use a real 3D burger model with a perspective camera wherever possible. Animate camera position, look-at target, burger rotation, scale and framing together. - Pin the hero scene for a controlled scroll duration, then release it naturally into the next section. - Use smooth interpolation between explicit camera keyframes. The same scroll position must always produce the same visual state. - Do not use autoplay, time-based rotation, arbitrary CSS transforms or a static image pretending to have changing viewpoints. - Maintain realistic lighting, shadows and proportions. Avoid camera clipping, sudden jumps and excessive motion. - Optimise rendering for mobile and respect reduced-motion preferences. First inspect the existing implementation and reuse its current assets and animation setup where possible. Implement the animation, not just a visual mockup. Preserve all other website sections and functionality.