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]>

index.html

@@ -27,7 +27,10 @@
 
 <main>
   <!-- ================= HERO ================= -->
-  <section class="hero">
+  <section class="hero hero-cinematic">
+    <!-- Großes Trio-Artwork als Kino-Hintergrund (Dogfather · Dogi · HasiDog) -->
+    <div class="hero-artwork" aria-hidden="true"></div>
+
     <div class="hero-atmosphere" aria-hidden="true">
       <span class="atmosphere-blend"></span>
 
@@ -43,28 +46,6 @@
 
       <!-- Zone 3: Nebel unten -->
       <span class="fog-ground"></span>
-
-      <!-- Husky #1 (Hauptfigur, mit Namen) -->
-      <div class="hero-critter husky main" style="top:8%;right:3%;">
-        <img src="assets/img/hero-husky.png" alt="Husky im Dogfather-Look" />
-        <span class="critter-label">DOGFATHER</span>
-      </div>
-
-      <!-- Hase #1 (Hauptfigur, mit Namen) -->
-      <div class="hero-critter rabbit main" style="bottom:16%;left:3%;">
-        <img src="assets/img/hero-rabbit.png" alt="Grauer Hase im HasiDog-Look" />
-        <span class="critter-label">HASIDOG</span>
-      </div>
-
-      <!-- Husky #2 (kleiner, weiter hinten) -->
-      <div class="hero-critter husky small" style="top:40%;left:9%;">
-        <img src="assets/img/hero-husky.png" alt="Husky im Dogfather-Look" />
-      </div>
-
-      <!-- Hase #2 (kleiner, weiter hinten) -->
-      <div class="hero-critter rabbit small" style="bottom:32%;right:11%;">
-        <img src="assets/img/hero-rabbit.png" alt="Grauer Hase im HasiDog-Look" />
-      </div>
     </div>
     <div class="container">
       <span class="eyebrow">🩵 DOGFATHER UNIVERSE</span>
@@ -101,6 +82,36 @@
     </div>
   </section>
 
+  <!-- ================= CHARAKTERE: DOGFATHER-HUSKY & HASIDOG-HASE ================= -->
+  <section class="section-tight">
+    <div class="container text-center">
+      <span class="eyebrow">🩵 Die Gesichter der Welten</span>
+      <h2>Dogfather &amp; HasiDog</h2>
+      <p class="lead" style="max-width:52ch;margin:0 auto 2.4rem;">Zwei Charaktere, ein Universum — klick dich in ihre Welt.</p>
+
+      <div class="char-showcase">
+        <a class="char-card dogfather" href="dogfather.html">
+          <img src="assets/img/char-dogfather.jpg" width="599" height="1212"
+               alt="Dogfather — Husky mit blauem Hoodie und Cap" />
+          <span class="char-meta">
+            <span class="char-name">Dogfather</span>
+            <span class="char-sub">Streamer · Entertainer · Welt 1</span>
+            <span class="char-go">Zur Welt →</span>
+          </span>
+        </a>
+        <a class="char-card hasidog" href="hasidog.html">
+          <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 · Welt 2</span>
+            <span class="char-go">Zur Welt →</span>
+          </span>
+        </a>
+      </div>
+    </div>
+  </section>
+
   <!-- ================= FOTO-COLLAGE: DOGFATHER & CASPER ================= -->
   <section class="section-tight">
     <div class="container text-center">