Spectrum Grid

Build a high-performance, agency-grade Technology section called "Spectrum Grid" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

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

Visual Aesthetics & Mood:
synra-footer-hero;tech startup brand product landing single screen pure black full-bleed looping background video right-anchored crop empty hero no headline no body copy all ui docked in transparent footer black burn gradient overlay burning lower third giant dot-matrix bubble display wordmark as footer title circular raster logo mark glass gradient square social tiles instagram linkedin x with shine sweep hover right-aligned four-link nav column at reduced opacity photo-filled back-to-top square card zooming on hover thin hairline dividers legal row staggered blur-fade-rise entrance choreography dark cinematic minimal restrained sleek modern quiet confident premium

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