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/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Videos // Singular Particular</title>
-    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=JetBrains+Mono:wght@300;500&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Workbench&family=JetBrains+Mono:wght@300;500&display=swap" rel="stylesheet">
     <style>
         :root {
             --bg: #04060b;
@@ -47,7 +47,7 @@
         }
 
         h1 {
-            font-family: 'Bebas Neue', sans-serif;
+            font-family: 'Workbench', sans-serif;
             font-size: clamp(3.5rem, 12vw, 6rem);
             line-height: 0.85;
             color: var(--on-surface);
@@ -127,7 +127,7 @@
         }
 
         .card-title {
-            font-family: 'Bebas Neue', sans-serif;
+            font-family: 'Workbench', sans-serif;
             font-size: clamp(1.8rem, 5vw, 2.8rem);
             letter-spacing: 0.05em;
             color: var(--on-surface);