Obsidian

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

## 1. Overview & Visual Objective
obsidian-hero;luxury tattoo studio fine line tattoo micro realism minimalist tattoo body art editorial fashion dark luxury black ink monochrome tattoo artistry cinematic full-bleed video scroll-scrubbed video immersive sticky hero oversized typography bold condensed sans-serif obsidian title black text on skin high-contrast visual storytelling full-screen overlay mix-blend-difference minimal fixed navbar hamburger fullscreen menu clip-path reveal staggered navigation links atelier artists gallery booking inquiry Brooklyn studio refined craftsmanship artistic precision skin canvas one-of-a-kind tattoos premium bespoke sophisticated brutalist editorial modern gallery aesthetic dark monochrome polished mysterious intimate tactile elegant minimal

Visual Aesthetics & Mood:
obsidian-hero;luxury tattoo studio fine line tattoo micro realism minimalist tattoo body art editorial fashion dark luxury black ink monochrome tattoo artistry cinematic full-bleed video scroll-scrubbed video immersive sticky hero oversized typography bold condensed sans-serif obsidian title black text on skin high-contrast visual storytelling full-screen overlay mix-blend-difference minimal fixed navbar hamburger fullscreen menu clip-path reveal staggered navigation links atelier artists gallery booking inquiry Brooklyn studio refined craftsmanship artistic precision skin canvas one-of-a-kind tattoos premium bespoke sophisticated brutalist editorial modern gallery aesthetic dark monochrome polished mysterious intimate tactile elegant minimal

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