Redesign: "Warm Paper" visual system, real logo + webfont, polished pages

- Brand: replace 🌈-emoji placeholder with the real logo in header, hero
  and footer; embed the Apex Brush webfont locally (/public/fonts)
- Design system (global.css): warm paper palette, Fraunces + Hanken Grotesk,
  sticker buttons/cards, squiggle underlines, organic blobs, wave dividers,
  staggered load motion; wrap base/components in @layer so Tailwind
  utilities reliably override (fixes ignored padding/weight overrides)
- Home: new hero showcasing the logo, manifest, three pillars, Momente
  gallery (placeholder photos), stats band, projects, CTA
- New components: PageHeader, Wave, Decor
- Subpages: unified headers (Apex Brush eyebrow + Fraunces H1), blob badges,
  consistent CTA bands and chips; add real .prose styling (no Tailwind
  typography plugin installed)
- Fix datenschutz: font names Pacifico/Inter -> Fraunces/Hanken Grotesk

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/pages/projekte/[slug].astro

@@ -35,11 +35,11 @@ const bodyHtml = project.body ?? "";
 
   <section class="section">
     <div class="max-w-3xl">
-      <div class="flex items-center gap-3 mb-4 text-sm text-[var(--color-text-muted)]">
-        {project.date && <span>📅 {project.date}</span>}
-        {project.target_group && <span>👥 {project.target_group}</span>}
+      <div class="flex flex-wrap items-center gap-2 mb-5">
+        {project.date && <span class="chip">📅 {project.date}</span>}
+        {project.target_group && <span class="chip">👥 {project.target_group}</span>}
       </div>
-      <h1 class="font-brand text-4xl md:text-5xl text-[var(--color-text)] mb-6">{project.title}</h1>
+      <h1 class="text-4xl md:text-5xl font-black text-[var(--color-text)] mb-6 leading-[1.05]">{project.title}</h1>
       <p class="text-xl text-[var(--color-text-muted)] leading-relaxed mb-8">{project.summary}</p>
       {bodyHtml && (
         <div class="prose prose-lg max-w-none text-[var(--color-text-muted)]" set:html={bodyHtml} />