perf: optimize PageSpeed Insights performance

- Suppress browser source map references to fix 404/SyntaxErrors
- Reduce legacy JS polyfills via browserslist config
- Optimize LCP by refining Hero animations and image sizes
- Implement video lazy loading and reduce SVG animation complexity
- Add preconnect hints for critical origins

components/home/Hero.tsx

@@ -137,12 +137,12 @@ const containerVariants = {
 } as const;
 
 const headingVariants = {
-  hidden: { opacity: 1, y: 30, scale: 0.95 },
+  hidden: { opacity: 1, y: 10, scale: 0.98 },
   visible: {
     opacity: 1,
     y: 0,
     scale: 1,
-    transition: { duration: 0.8, ease: [0.25, 0.46, 0.45, 0.94] },
+    transition: { duration: 0.4, ease: [0.25, 0.46, 0.45, 0.94] },
   },
 } as const;
 
@@ -167,12 +167,12 @@ const scribbleVariants = {
 } as const;
 
 const subtitleVariants = {
-  hidden: { opacity: 0, y: 40, scale: 0.95 },
+  hidden: { opacity: 0, y: 20, scale: 0.98 },
   visible: {
     opacity: 1,
     y: 0,
     scale: 1,
-    transition: { duration: 1, ease: [0.25, 0.46, 0.45, 0.94] },
+    transition: { duration: 0.6, ease: [0.25, 0.46, 0.45, 0.94], delay: 0.1 },
   },
 } as const;