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>

Writings/gladstone-annotated.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>The Gladstone Gig — Annotated</title>
-  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;600;700&family=DM+Serif+Display:ital@0;1&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Oswald:wght@400;600;700&family=DM+Serif+Display:ital@0;1&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap" rel="stylesheet">
   <style>
     /* ===== CUSTOM PROPERTIES ===== */
     :root {
@@ -95,7 +95,7 @@
     }
 
     .site-title {
-      font-family: 'Bebas Neue', sans-serif;
+      font-family: 'Fredericka the Great', sans-serif;
       font-size: 5.5rem;
       line-height: 0.9;
       letter-spacing: 4px;
@@ -533,7 +533,7 @@
 
     /* ===== TAB HEADINGS ===== */
     .tab-heading {
-      font-family: 'Bebas Neue', sans-serif;
+      font-family: 'Fredericka the Great', sans-serif;
       font-size: 3rem;
       letter-spacing: 3px;
       margin-bottom: 4px;