diff --git a/apps/website/components/HeroSection.vue b/apps/website/components/HeroSection.vue
index cf12838..a48eaef 100644
--- a/apps/website/components/HeroSection.vue
+++ b/apps/website/components/HeroSection.vue
@@ -174,7 +174,7 @@ onMounted(() => {
 <style scoped>
 /* Hero video container using standard safe-area-inset-top for iOS Safari */
 .hero-video-container {
-  position: absolute;
+  position: fixed;  /* Use fixed to escape ALL containing blocks and position relative to viewport */
   left: 0;
   right: 0;
   width: 100vw;
@@ -260,7 +260,7 @@ onMounted(() => {
 
 /* Container for hero section */
 .hero-voyage {
-  position: relative;
+  position: static;  /* Remove containing block to allow video to escape */
   min-height: 100vh;
   /* Allow video to extend into safe area */
   overflow: visible;
@@ -268,7 +268,7 @@ onMounted(() => {
 }
 
 .hero-content {
-  position: absolute;  /* Changed from relative to occupy safe areas */
+  position: fixed;  /* Use fixed to match video container positioning */
   top: 0;  /* Start at viewport top */
   left: 0;
   right: 0;