From e23cc9ee33ebcae989430541ece50db326e7e89e Mon Sep 17 00:00:00 2001
From: MVA Global Fret <mvaglobalfret@gmail.com>
Date: Mon, 4 May 2026 23:08:28 +0200
Subject: [PATCH] Switch parallax intro to Earth-from-space video, drop static
 photo overlay
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace clouds video (Pexels 2098989) with actual Earth-from-space footage
(Pexels 854275 — Europe/Africa visible + orbiting satellite) and remove
the static Unsplash Earth photo layer that was overlaying the video.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 css/parallax.css | 19 ++++---------------
 index.html       | 11 ++++-------
 2 files changed, 8 insertions(+), 22 deletions(-)

diff --git a/css/parallax.css b/css/parallax.css
index 666adef..9c3bdb3 100644
--- a/css/parallax.css
+++ b/css/parallax.css
@@ -1,6 +1,6 @@
 /* =========================================================================
    PARALLAX INTRO — MVA Global Fret
-   Page unique, fixe (pas de scroll). Vidéo de fond + Terre + ligne rouge
+   Page unique, fixe (pas de scroll). Vidéo Terre depuis l'espace + ligne rouge
    Paris↔Antananarivo + bouton centré. Bouge à la souris.
    ========================================================================= */
 
@@ -100,7 +100,7 @@ html, body {
 }
 
 /* ──────────────────────────────────────────────────────────────────────────
-   COUCHE 1 — VIDÉO de nuages aériens (Pexels, libre)
+   COUCHE 1 — VIDÉO Terre depuis l'espace (Pexels 854275, libre)
    Bouge le PLUS à la souris (effet de profondeur).
    ────────────────────────────────────────────────────────────────────────── */
 .layer-video {
@@ -113,18 +113,7 @@ html, body {
 }
 
 /* ──────────────────────────────────────────────────────────────────────────
-   COUCHE 2 — TERRE depuis l'espace (photo NASA / Unsplash)
-   Superposée à la vidéo en mode screen → on voit la motion en transparence.
-   ────────────────────────────────────────────────────────────────────────── */
-.layer-earth {
-  background: url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=2400&q=85') center/cover no-repeat;
-  opacity: 0.78;
-  mix-blend-mode: screen;
-  transform: translate(calc(var(--mx) * -22px), calc(var(--my) * -22px)) scale(1.04);
-}
-
-/* ──────────────────────────────────────────────────────────────────────────
-   COUCHE 3 — Voile bleu nuit (palette MVA)
+   COUCHE 2 — Voile bleu nuit (palette MVA)
    ────────────────────────────────────────────────────────────────────────── */
 .layer-tint {
   background:
@@ -233,5 +222,5 @@ html, body {
 
 @media (prefers-reduced-motion: reduce) {
   .cta-btn::after { animation: none; }
-  .layer-video, .layer-earth, .layer-route, .cta-btn { transition: none; }
+  .layer-video, .layer-route, .cta-btn { transition: none; }
 }
diff --git a/index.html b/index.html
index 981ac1e..36eaf46 100644
--- a/index.html
+++ b/index.html
@@ -28,17 +28,14 @@
 
   <main class="stage">
 
-    <!-- Couche 1 : vidéo de nuages aériens (parallaxe la plus marquée) -->
+    <!-- Couche 1 : vidéo Terre depuis l'espace (parallaxe la plus marquée) -->
     <video class="layer layer-video"
            autoplay loop muted playsinline preload="auto"
-           poster="https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1600&q=70">
-      <source src="https://videos.pexels.com/video-files/2098989/2098989-sd_960_540_30fps.mp4" type="video/mp4">
+           poster="https://images.pexels.com/videos/854275/free-video-854275.jpg">
+      <source src="https://videos.pexels.com/video-files/854275/854275-sd_960_540_30fps.mp4" type="video/mp4">
     </video>
 
-    <!-- Couche 2 : Terre vue depuis l'espace (par-dessus la vidéo, blend) -->
-    <div class="layer layer-earth"></div>
-
-    <!-- Couche 3 : voile bleu pour cohérence palette + lisibilité -->
+    <!-- Couche 2 : voile bleu pour cohérence palette + lisibilité -->
     <div class="layer layer-tint"></div>
 
     <!-- Couche 4 : route Paris ↔ Antananarivo (ligne rouge brillante + pulse) -->