Update font and text-wrap styles in Hero.svelte

Added 'serif' as a fallback to the 'But Head' font and adjusted text-wrap properties for improved text rendering in the hero and page-title classes.

Author: PavelLaptev

pages/src/lib/Hero.svelte

@@ -68,9 +68,12 @@
     font-size: clamp(3rem, 27vw, 450px);
     line-height: 0.8;
     letter-spacing: -0.02em;
-    font-family: But Head;
+    font-family:
+      But Head,
+      serif;
     text-align: center;
     margin: 0;
+    text-wrap: nowrap;
 
     & i {
       font-style: italic;
@@ -136,6 +139,7 @@
     .page-title {
       text-align: left;
       font-size: clamp(3rem, 40vw, 250px);
+      text-wrap: auto;
     }
 
     .gradient-1,