Sky Cookie

Build a high-performance, agency-grade Food section called "Sky Cookie" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create an ultra-refined, interactive Food with cinematic transitions and smooth spring physics.

Visual Aesthetics & Mood:
wildcrumb-cookie;bakery cookies food snack brand ecommerce artisanal treats scroll-driven 3d landing page photoreal chocolate chip cookie glb model orthographic three.js scene teal sky blue background dreamy 3d-render clouds grassy meadow wildflowers boulders giant condensed display titles per-letter tumble-in and scatter-out animation cookie half-turn flip on scroll frosted dark translucent pill nav black icon tiles ingredient callout pills unfurling background parallax pan playful whimsical fresh appetizing bright cheerful polished dimensional fun charming

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)