h1 auf 96px-Clamp vergrößert; Hintergrund-Textur als WebP q70 (statt JPEG q20, behebt Verpixelung)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

public/assets/css/base.css

@@ -24,7 +24,9 @@ body {
     line-height: var(--lh-body);
     color: var(--clr-text);
     background-color: var(--clr-bg);
+    /* WebP primär (deutlich sauberere Textur), JPEG-Fallback für Alt-Browser */
     background-image: url('../img/background.jpg');
+    background-image: image-set(url('../img/background.webp') type('image/webp'));
     background-size: 100% auto;
     background-attachment: fixed;
 }

public/assets/css/tokens.css

@@ -30,7 +30,7 @@
     --fs-600: 1.3125rem;                               /* 21px Body            */
     --fs-700: clamp(2rem, 1.2rem + 3.5vw, 3.125rem);   /* 50px h3              */
     --fs-800: clamp(2.25rem, 1.3rem + 4.5vw, 3.75rem); /* 60px h2              */
-    --fs-900: clamp(2.625rem, 1.4rem + 5.5vw, 4.375rem); /* 70px h1            */
+    --fs-900: clamp(3rem, 1.75rem + 5.5vw, 6rem);        /* 96px h1            */
     --lh-heading: 0.9;
     --lh-body: 1.5;
     --fw-regular: 400;