Octopus Mentality

Build a high-performance, agency-grade Creative section called "Octopus Mentality" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

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

Visual Aesthetics & Mood:
octopus-mentality-hero;creative branding studio brand strategy visual identity art direction digital experiences independent design studio surreal botanical identity full-screen royal blue hero orange-gold serif typography Instrument Serif oversized OCTOPUS MENTALITY split headline glossy octopus centerpiece floral relief cursor reveal interactive WebGL brush mask organic soft-edge painting blue white gold palette premium experimental agency aesthetic editorial asymmetry diagonal guide line minimal logo top-left pill menu top-right scattered corner copy strategic brand messaging shape the future before it arrives build the vision before it launches white explore the art pill surreal marine creature branding metaphor glossy

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