Neues Artwork: Trio-Kinohintergrund + Charakter-Showcase

- Trio-Artwork (Dogfather/Dogi/HasiDog) als grossflaechiger Hero-Hintergrund
  auf Startseite und HasiDog-Seite: Ken-Burns-Fahrt, Vignette + Verlaufs-Scrim
  fuer Textlesbarkeit, eigener Hochformat-Zuschnitt fuers Handy, 4-KB-Blur
  als Sofort-Platzhalter
- Neue Charakter-Sektion auf der Startseite: Dogfather-Husky und HasiDog-Hase
  gross, scharf und komplett sichtbar als verlinkte Poster-Karten mit Glow,
  Schweben und Hover-Zoom
- Alte kleine Hero-Figuren entfernt (durch das neue Artwork ersetzt)

Co-Authored-By: Claude Opus 5 <[email protected]>

hasidog.html

@@ -26,7 +26,9 @@
 <div id="site-header"></div>
 
 <main>
-  <section class="hero">
+  <section class="hero hero-cinematic">
+    <!-- Großes Trio-Artwork als Kino-Hintergrund -->
+    <div class="hero-artwork" aria-hidden="true"></div>
     <div class="container">
       <span class="eyebrow">Welt 2 — HasiDog</span>
       <h1>Willkommen in der HasiDog-Welt</h1>
@@ -34,6 +36,25 @@
     </div>
   </section>
 
+  <!-- ================= HASIDOG-CHARAKTER ================= -->
+  <section class="section-tight">
+    <div class="container text-center">
+      <span class="eyebrow">🩵 Das Maskottchen</span>
+      <h2>HasiDog</h2>
+      <p class="lead" style="max-width:52ch;margin:0 auto 2.4rem;">Der graue Hase mit den blauen Augen — das Gesicht der Community.</p>
+      <div class="char-showcase" style="max-width:360px;grid-template-columns:1fr;">
+        <div class="char-card hasidog" style="animation-delay:0s;">
+          <img src="assets/img/char-hasidog.jpg" width="599" height="1212"
+               alt="HasiDog — grauer Hase mit schwarzem Hoodie und Cap" />
+          <span class="char-meta">
+            <span class="char-name">HasiDog</span>
+            <span class="char-sub">Community · Maskottchen · Team Dogi</span>
+          </span>
+        </div>
+      </div>
+    </div>
+  </section>
+
   <section class="section-tight">
     <div class="container grid grid-2" style="align-items:center;">
       <div class="collage-photo" style="aspect-ratio:1/1;border-radius:var(--radius);background:#fff;">