style: design refinements — reduce title/heading sizes, remove Scribble decorations, add image quality

- Hero title: text-7xl → text-5xl, removed text-shadow
- Removed all Scribble decorative strokes from Hero, VideoSection, products page
- PayloadRichText headings reduced by one size step
- Team page: harmonized Michael/Klaus heading sizes (both text-4xl)
- Product overview: removed min-height from hero, reduced CTA heading
- Added quality={100} to team photos, Experience and MeetTheTeam backgrounds
- Cleaned up unused Scribble imports

components/PayloadRichText.tsx

@@ -69,7 +69,12 @@ const jsxConverters: JSXConverters = {
       if (node.format & 2) content = <em>{content}</em>;
       if (node.format & 8) content = <u>{content}</u>;
       if (node.format & 4) content = <s>{content}</s>;
-      if (node.format & 16) content = <code className="px-1.5 py-0.5 bg-neutral-100 rounded text-sm font-mono text-primary">{content}</code>;
+      if (node.format & 16)
+        content = (
+          <code className="px-1.5 py-0.5 bg-neutral-100 rounded text-sm font-mono text-primary">
+            {content}
+          </code>
+        );
       if (node.format & 32) content = <sub>{content}</sub>;
       if (node.format & 64) content = <sup>{content}</sup>;
     }
@@ -93,23 +98,23 @@ const jsxConverters: JSXConverters = {
     const textContent = node.children ? node.children.map((c: any) => c.text || '').join('') : '';
     const id = textContent
       ? textContent
-        .toLowerCase()
-        .replace(/ä/g, 'ae')
-        .replace(/ö/g, 'oe')
-        .replace(/ü/g, 'ue')
-        .replace(/ß/g, 'ss')
-        .replace(/[*_`]/g, '')
-        .replace(/[^\w\s-]/g, '')
-        .replace(/\s+/g, '-')
-        .replace(/-+/g, '-')
-        .replace(/^-+|-+$/g, '')
+          .toLowerCase()
+          .replace(/ä/g, 'ae')
+          .replace(/ö/g, 'oe')
+          .replace(/ü/g, 'ue')
+          .replace(/ß/g, 'ss')
+          .replace(/[*_`]/g, '')
+          .replace(/[^\w\s-]/g, '')
+          .replace(/\s+/g, '-')
+          .replace(/-+/g, '-')
+          .replace(/^-+|-+$/g, '')
       : undefined;
 
     if (tag === 'h1')
       return (
         <h2
           id={id}
-          className="text-3xl md:text-4xl font-bold mt-12 mb-6 text-text-primary scroll-mt-24"
+          className="text-2xl md:text-3xl font-bold mt-10 mb-5 text-text-primary scroll-mt-24"
         >
           {children}
         </h2>
@@ -118,7 +123,7 @@ const jsxConverters: JSXConverters = {
       return (
         <h3
           id={id}
-          className="text-2xl md:text-3xl font-bold mt-10 mb-5 text-text-primary scroll-mt-24"
+          className="text-xl md:text-2xl font-bold mt-8 mb-4 text-text-primary scroll-mt-24"
         >
           {children}
         </h3>
@@ -127,7 +132,7 @@ const jsxConverters: JSXConverters = {
       return (
         <h4
           id={id}
-          className="text-xl md:text-2xl font-bold mt-8 mb-4 text-text-primary scroll-mt-24"
+          className="text-lg md:text-xl font-bold mt-6 mb-3 text-text-primary scroll-mt-24"
         >
           {children}
         </h4>