Mobile fixes: hero top spacing, drawer logo color, video poster fallback (iOS autoplay-blocked)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

index.html

@@ -349,8 +349,18 @@
       hv.setAttribute('poster', pick[1]);
       hv.load();
     }
-    var play = function(){ var p = hv.play(); if (p && p.catch) p.catch(function(){}); };
+    var fig = hv.parentNode;
+    var showPoster = function(){
+      if (hv.dataset.fellback) return;
+      hv.dataset.fellback = '1';
+      var poster = hv.getAttribute('poster');
+      if (fig && poster) { fig.style.backgroundImage = "url('" + poster + "')"; fig.style.backgroundSize = 'cover'; fig.style.backgroundPosition = 'center'; }
+      hv.style.display = 'none';
+    };
+    var play = function(){ var p = hv.play(); if (p && p.catch) p.catch(showPoster); };
     play(); hv.addEventListener('canplay', play, { once: true });
+    // iOS Low Power Mode / blocked autoplay never starts the video — show the still poster (no play button)
+    setTimeout(function(){ if (hv.paused && hv.currentTime === 0) showPoster(); }, 4000);
   }
 
   var nav = document.getElementById('nav');