From c7ac41296b8ba2c3689a2142c4e2081ae29c1706 Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Thu, 25 Sep 2025 16:10:06 +0200
Subject: [PATCH] fix: use position fixed for video to escape all containing
 blocks and extend into iOS safe areas

---
 apps/website/components/HeroSection.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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;