Font refactor: replace generic display fonts across Videos + Writings

Renegade Storyteller:
- Ribeye Marrow → Amarante (Art Nouveau, cleaner mobile rendering)
- h1 floor reduced 4rem → 3rem
- h1::before letter-spacing tightened on mobile (was overflowing narrow screens)

Writings (11 files via script):
- Bebas Neue → Fredericka the Great (4 files)
- Anton → Rubik Glitch (2 files)
- Cinzel / Cinzel Decorative → Glass Antiqua (5 files)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Videos/renegade-storyteller.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>THE RENEGADE STORYTELLER // Singular Particular</title>
-    <link href="https://fonts.googleapis.com/css2?family=Ribeye+Marrow&family=Faculty+Glyphic&family=Rambla:ital,wght@0,400;0,700;1,400&family=JetBrains+Mono:wght@300;500&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Amarante&family=Faculty+Glyphic&family=Rambla:ital,wght@0,400;0,700;1,400&family=JetBrains+Mono:wght@300;500&display=swap" rel="stylesheet">
     <style>
         :root {
             --background: #04060b;
@@ -48,7 +48,7 @@
         }
 
         .font-mechanical {
-            font-family: 'Ribeye Marrow', sans-serif;
+            font-family: 'Amarante', sans-serif;
             letter-spacing: 0.08em;
             text-transform: uppercase;
         }
@@ -62,9 +62,9 @@
         }
 
         h1 {
-            font-family: 'Ribeye Marrow', sans-serif;
+            font-family: 'Amarante', sans-serif;
             font-weight: 400;
-            font-size: clamp(4rem, 16vw, 8rem);
+            font-size: clamp(3rem, 16vw, 8rem);
             line-height: 0.8;
             color: var(--primary);
             text-transform: uppercase;
@@ -85,6 +85,10 @@
             font-family: 'JetBrains Mono', monospace;
         }
 
+        @media (max-width: 767px) {
+            h1::before { letter-spacing: 0.12em; }
+        }
+
         .container {
             max-width: 1400px;
             margin: 0 auto;
@@ -172,7 +176,7 @@
         }
 
         .lightbox-content h3 {
-            font-family: 'Ribeye Marrow', sans-serif;
+            font-family: 'Amarante', sans-serif;
             font-size: 1.8rem;
             letter-spacing: 0.1em;
             color: var(--primary);