feat: add Remotion video project + SquareMCP brand compositions

- Scaffold videos/remotion-demo with Remotion 4.0.459
- SquareMCPLinkedIn: 90s 1080×1080 LinkedIn explainer (6 scenes, spring animations)
- SquareMCPHeroLoop: 30s 1920×1080 seamless hero loop (node network + MCP layer + logo)
- Brand tokens from squaremcp-logo.svg (#0E63F6/#7DB6FF), Inter via @remotion/google-fonts
- Both compositions rendered to out/ and type-checked clean
- Update .gitignore to exclude videos/remotion-demo/node_modules and out/

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

videos/remotion-demo/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "remotion-demo",
+  "version": "1.0.0",
+  "description": "My Remotion video",
+  "repository": {},
+  "license": "UNLICENSED",
+  "private": true,
+  "dependencies": {
+    "@remotion/cli": "4.0.459",
+    "@remotion/google-fonts": "^4.0.459",
+    "@remotion/tailwind-v4": "4.0.459",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "remotion": "4.0.459",
+    "tailwindcss": "4.0.0"
+  },
+  "devDependencies": {
+    "@remotion/eslint-config-flat": "4.0.459",
+    "@types/react": "19.2.7",
+    "@types/web": "0.0.166",
+    "eslint": "9.19.0",
+    "prettier": "3.8.1",
+    "typescript": "5.9.3"
+  },
+  "scripts": {
+    "dev": "remotion studio",
+    "build": "remotion bundle",
+    "upgrade": "remotion upgrade",
+    "lint": "eslint src && tsc"
+  },
+  "sideEffects": [
+    "*.css"
+  ]
+}