1 files changed, 4 insertions, 3 deletions
diff --git a/assets/js/matrix-rain.js b/assets/js/matrix-rain.js
index 742b0bd..18fc3ff 100644
--- a/assets/js/matrix-rain.js
+++ b/assets/js/matrix-rain.js
@@ -12,9 +12,10 @@
 
   function init() {
     if (mode === 'hero') {
-      // Hero mode: size relative to canvas element's offsetWidth
-      canvas.width  = canvas.offsetWidth;
-      canvas.height = canvas.offsetHeight;
+      // Hero mode: size relative to parent container
+      const rect = canvas.getBoundingClientRect();
+      canvas.width  = rect.width || canvas.offsetWidth || window.innerWidth;
+      canvas.height = rect.height || canvas.offsetHeight || window.innerHeight;
     } else {
       // Background mode: size to full viewport
       canvas.width  = window.innerWidth;