Startseite: Hero-Bild und Inhalte auf großen Bildschirmen moderat vergrößert

.hero-cinematic wirkte auf großen PC-Screens zu klein (Artwork, Überschrift,
Text, Live-Status-Kästchen, Buttons). Padding erhöht (mehr Raum fürs
contain-Artwork), h1/.lead/eyebrow/Buttons/Kästchen-Text in diesem
Abschnitt gezielt etwas größer - mobile Untergrenze der clamp()s bleibt
unverändert, damit es auf kleinen Screens nicht zu groß wird.

assets/css/main.css

@@ -821,7 +821,10 @@ footer.site-footer {
      3. darüber   = die bestehende Polarlicht/Rauch/Nebel-Atmosphäre, gedimmt
    ========================================================================== */
 .hero-cinematic {
-  padding: clamp(5rem, 13vw, 9rem) 0;
+  /* Etwas mehr vertikaler Raum als vorher, damit das Trio-Artwork (läuft
+     mit background-size:contain mit) auf großen Desktop-Bildschirmen
+     spürbar größer wirkt statt klein in der Mitte zu schweben. */
+  padding: clamp(5.5rem, 15vw, 10.5rem) 0;
   isolation: isolate;
 }
 .hero-artwork {
@@ -869,6 +872,17 @@ footer.site-footer {
 .hero-cinematic h1,
 .hero-cinematic .lead,
 .hero-cinematic .eyebrow { text-shadow: 0 2px 18px rgba(0, 0, 0, .75), 0 1px 3px rgba(0, 0, 0, .9); }
+/* Auf Wunsch: auf der Startseite wirkte alles (Überschrift, Text, Live-
+   Status-Kästchen, Buttons) auf großen PC-Bildschirmen zu klein — hier
+   moderat vergrößert, ohne die mobile Größe (untere Klammer der clamp()s)
+   anzufassen. */
+.hero-cinematic h1 { font-size: clamp(2.1rem, 5.6vw, 3.7rem); }
+.hero-cinematic .lead { font-size: clamp(1.15rem, 1.6vw, 1.3rem); }
+.hero-cinematic .eyebrow { font-size: .85rem; }
+.hero-cinematic .card { padding: 1.15rem 1.6rem; }
+.hero-cinematic .card .badge { font-size: .8rem; }
+.hero-cinematic .card .small { font-size: .95rem; }
+.hero-cinematic .btn-row .btn { font-size: 1.05rem; padding: .9rem 1.7rem; }
 
 /* ==========================================================================
    CHARAKTER-SHOWCASE — die zwei Artworks groß, scharf und komplett sichtbar