Videos: font swap from JL's list + lightbox QoL fixes

Fonts (display/heading only — body untouched):
- Cringe Pit: Bebas Neue → Protest Revolution
- Renegade: Bebas Neue → Ribeye Marrow, Barlow Condensed → Faculty Glyphic (headings), Rambla (body)
- Nomad Soul: Bebas Neue → Trade Winds, Rye → Babylonica
- Hub: Bebas Neue → Workbench

Lightbox fixes (3 collection pages):
- window.onload → DOMContentLoaded (fires before iframes load, fixes slow mobile)
- lightbox-content: max-height 90vh + overflow-y auto (fixes off-screen on small viewports)

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=Bebas+Neue&family=Barlow+Condensed:wght@400;600;700&family=JetBrains+Mono:wght@300;500&display=swap" rel="stylesheet">
+    <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">
     <style>
         :root {
             --background: #04060b;
@@ -41,14 +41,14 @@
         body {
             background-color: var(--background);
             color: var(--on-surface);
-            font-family: 'Barlow Condensed', sans-serif;
+            font-family: 'Rambla', sans-serif;
             line-height: 1.5;
             overflow-x: hidden;
             min-height: 100vh;
         }
 
         .font-mechanical {
-            font-family: 'Bebas Neue', sans-serif;
+            font-family: 'Ribeye Marrow', sans-serif;
             letter-spacing: 0.08em;
             text-transform: uppercase;
         }
@@ -62,7 +62,7 @@
         }
 
         h1 {
-            font-family: 'Bebas Neue', sans-serif;
+            font-family: 'Ribeye Marrow', sans-serif;
             font-weight: 400;
             font-size: clamp(4rem, 16vw, 8rem);
             line-height: 0.8;
@@ -136,7 +136,7 @@
         }
 
         .video-card h2 {
-            font-family: 'Barlow Condensed', sans-serif;
+            font-family: 'Faculty Glyphic', sans-serif;
             font-weight: 700;
             font-size: 1.6rem;
             letter-spacing: 0.02em;
@@ -172,7 +172,7 @@
         }
 
         .lightbox-content h3 {
-            font-family: 'Bebas Neue', sans-serif;
+            font-family: 'Ribeye Marrow', sans-serif;
             font-size: 1.8rem;
             letter-spacing: 0.1em;
             color: var(--primary);
@@ -180,7 +180,7 @@
         }
 
         .lightbox-quote {
-            font-family: 'Barlow Condensed', sans-serif;
+            font-family: 'Rambla', sans-serif;
             font-size: 1.5rem;
             font-weight: 400;
             line-height: 1.4;
@@ -395,11 +395,11 @@
             localStorage.setItem('renegade_visited', 'true');
         }
 
-        window.onload = () => {
+        document.addEventListener('DOMContentLoaded', () => {
             if (!localStorage.getItem('renegade_visited')) {
                 document.getElementById('welcome-gate').classList.add('active');
             }
-        };
+        });
     </script>
 </body>
 </html>