Eco Intelligence

Build a high-performance, agency-grade Hero section called "Eco Intelligence" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create a full-screen hero section for a brand called "TERRA NOVA" using React, Tailwind CSS, and Lucide React icons. It must be fully mobile responsive. Use Vite + React + TypeScript + Tailwind.

Visual Aesthetics & Mood:
fullscreen nature video giant condensed uppercase background watermark text light helvetica body black text on video warm off-white fallback eco environmental mood layered typographic scale organic fresh bold editorial natural crisp

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