Future 3D Portfolio

Build a high-performance, agency-grade Portfolio section called "Future 3D Portfolio" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

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

Visual Aesthetics & Mood:
ayush-product-designer-portfolio;product design ui ux branding creative portfolio designer personal website digital product design problem solving creative mindset full-viewport non-scrolling hero dreamy pastel sky looping video soft blue lavender pink atmospheric background giant semi-transparent scrolling wordmark marquee branding product ui-ux typography oversized kinetic ticker holographic 3d desk projector futuristic design workspace render centered floor object serif personal intro hi-im-ayush elegant playfair display title centered role description dm-sans supporting copy vertical bottom-left navigation home works about resume interactive mode toggle purple gradient switch white typography layered depth translucent oversized text behind subject soft ethereal lighting pastel futuristic aesthetic editorial portfolio composition centered hero asymmetric nav rail large negative sky space dreamy immersive personal-brand experience seamless infinite marquee subtle motion custom video loop one-shot entrance animation masked title reveal scene rise staggered navigation responsive re-anchored composition polished minimal artistic experimental modern sophisticated creative-tech portfolio futuristic soft surreal confident designer showcase

## 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)