diff --git a/images/hero/bootcamp-hero-desktop-1920.webp b/images/hero/bootcamp-hero-desktop-1920.webp
new file mode 100644
index 0000000..f0333e9
Binary files /dev/null and b/images/hero/bootcamp-hero-desktop-1920.webp differ
diff --git a/images/hero/bootcamp-hero-mobile-900.webp b/images/hero/bootcamp-hero-mobile-900.webp
new file mode 100644
index 0000000..1e89ed9
Binary files /dev/null and b/images/hero/bootcamp-hero-mobile-900.webp differ
diff --git a/odoo-erp-automation-bootcamp/index.html b/odoo-erp-automation-bootcamp/index.html
index a3a0c81..78294c1 100644
--- a/odoo-erp-automation-bootcamp/index.html
+++ b/odoo-erp-automation-bootcamp/index.html
@@ -108,6 +108,29 @@
       .bc-hero {
         min-height: 0;
         padding: 3.5rem 0 3rem;
+        /* Real London night aerial (our own photo, CI §5) behind the header copy.
+           Scrim is a single midnight gradient (.72 -> .55, inside CI §5's .55-.75 band),
+           layered OVER the photo and UNDER the copy. The section keeps its --midnight base
+           under the image. Worst p05 measured 5.71:1 (kicker/sub/stats floor 4.5, h1 floor 3.0). */
+        background-image: linear-gradient(90deg, rgba(13, 27, 46, 0.72), rgba(13, 27, 46, 0.55)),
+          url("/images/hero/bootcamp-hero-desktop-1920.webp");
+        background-size: cover;
+        background-position: 50% 25%;
+        background-repeat: no-repeat;
+      }
+      /* The global .hero::after is a second, 50%-opacity midnight wash for the homepage's
+         flat hero; with the photo + gradient scrim above the copy it only dulls the shot,
+         so it is switched off on this page. One page-scoped rule, no global CSS touched. */
+      .bc-hero::after {
+        content: none;
+      }
+      @media (max-width: 640px) {
+        /* Portrait crop for narrow viewports: legible cut of the same photo. */
+        .bc-hero {
+          background-image: linear-gradient(90deg, rgba(13, 27, 46, 0.72), rgba(13, 27, 46, 0.55)),
+            url("/images/hero/bootcamp-hero-mobile-900.webp");
+          background-position: 50% 50%;
+        }
       }
       /* wrapped hero-stat labels keep their tick on the first line */
       .bc-hero .hero-stat {