Minimalist Portfolio Hero

Create a minimalist portfolio hero section with the following design:

STYLE & MOOD:
- Clinical minimalism with generous whitespace
- High-key, light aesthetic with subtle blue accents
- Professional yet approachable vibe

COLORS:
- Background: Pure white (#FFFFFF)
- Primary text: Dark gray (#1F2937)
- Secondary text: Slate gray (#64748B)
- Accent: Blue (#2563EB)

LAYOUT:
- Full viewport height hero
- Two-column grid on desktop (text left, portrait right)
- Single column stacked on mobile
- Maximum content width 1200px

TYPOGRAPHY:
- Large bold headline (72px desktop, 48px mobile)
- Tight letter-spacing on headline
- Lighter weight body text (20px)

KEY ELEMENTS:
- Simple logo top-left with blue dot accent
- Minimal navigation (Work, About, Contact)
- Bold headline with blue dot decoration
- Brief tagline paragraph
- Primary CTA button (dark, rounded-full)
- Secondary link with arrow icon
- Full-height portrait photo with gradient fade to white

ANIMATIONS:
- Subtle fade-up animation on text elements
- Staggered delays for sequential reveal
- Button hover state with slight lift and shadow
- Arrow slide animation on hover

Technical Requirements:
- React with TypeScript
- Tailwind CSS for styling
- Responsive design (mobile-first)
- Use lucide-react for icons
- Pure CSS animations (no hooks)