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/home/Hero.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import Scribble from '@/components/Scribble';
 import { Button, Container, Heading, Section } from '@/components/ui';
 import { useTranslations, useLocale } from 'next-intl';
 import dynamic from 'next/dynamic';
@@ -20,7 +19,7 @@ export default function Hero({ data }: { data?: any }) {
           <div>
             <Heading
               level={1}
-              className="text-center md:text-left mb-6 md:mb-8 md:max-w-none text-white text-4xl sm:text-5xl md:text-7xl font-extrabold [text-shadow:_-2px_-2px_0_#002b49,_2px_-2px_0_#002b49,_-2px_2px_0_#002b49,_2px_2px_0_#002b49,_-2px_0_0_#002b49,_2px_0_0_#002b49,_0_-2px_0_#002b49,_0_2px_0_#002b49]"
+              className="text-center md:text-left mb-6 md:mb-8 md:max-w-none text-white text-3xl sm:text-4xl md:text-5xl font-extrabold"
             >
               {data?.title ? (
                 <span
@@ -28,27 +27,19 @@ export default function Hero({ data }: { data?: any }) {
                     __html: data.title
                       .replace(
                         /<green>/g,
-                        '<span class="relative inline-block"><span class="relative z-10 text-accent italic inline-block">',
+                        '<span class="text-accent italic">',
                       )
                       .replace(
                         /<\/green>/g,
-                        '</span><div class="w-[140%] h-[140%] -top-[20%] -left-[20%] text-accent/30 hidden md:block absolute -z-10 animate-in fade-in zoom-in-0 duration-1000 ease-out fill-mode-both" style="animation-delay: 500ms;"><Scribble variant="circle" /></div></span>',
+                        '</span>',
                       ),
                   }}
                 />
               ) : (
                 t.rich('title', {
                   green: (chunks) => (
-                    <span className="relative inline-block">
-                      <span className="relative z-10 text-accent italic inline-block">
-                        {chunks}
-                      </span>
-                      <div
-                        className="w-[140%] h-[140%] -top-[20%] -left-[20%] text-accent/30 hidden md:block absolute -z-10 animate-in fade-in zoom-in-0 duration-1000 ease-out fill-mode-both"
-                        style={{ animationDelay: '500ms' }}
-                      >
-                        <Scribble variant="circle" />
-                      </div>
+                    <span className="text-accent italic">
+                      {chunks}
                     </span>
                   ),
                 })