From 3547cb1a8df84770b496e58957826890b092089e Mon Sep 17 00:00:00 2001
From: Lamont Crook <lamont@adobe.com>
Date: Wed, 8 Jul 2026 14:35:50 -0600
Subject: [PATCH 1/2] Make hero video fill the block at 100%

The <video> element itself carries the .hero-media class, so the descendant
selector `.hero-media video` never matched it and the video rendered at its
intrinsic size (e.g. 1440x550) instead of filling the hero. Size .hero-video
to 100% width/height with object-fit:cover so it fully covers the block.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 blocks/hero/hero.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/blocks/hero/hero.css b/blocks/hero/hero.css
index 52d63ba..9f0d17e 100644
--- a/blocks/hero/hero.css
+++ b/blocks/hero/hero.css
@@ -19,15 +19,21 @@
   z-index: 0;
 }
 
-.hero .hero-media img,
-.hero .hero-media video {
+.hero .hero-media img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
-/* video layers over the poster image and fades in once it is playing */
+/*
+ * video layers over the poster image, fills the hero, and fades in once it is
+ * playing (the <video> element itself carries the .hero-media class, so it is
+ * sized here rather than via a descendant selector)
+ */
 .hero .hero-video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
   opacity: 0;
   transition: opacity 0.6s ease;
 }

From 5a935b35efbbaa310c1d13863d78c8a73e716de9 Mon Sep 17 00:00:00 2001
From: Lamont Crook <lamont@adobe.com>
Date: Wed, 8 Jul 2026 14:44:31 -0600
Subject: [PATCH 2/2] Hide overlaid text and gradient for video hero variant

The authored video (and its poster) is a finished creative with its own
headline and CTA, which duplicated and clashed with the overlaid hero text and
was muted by the darkening gradient. For the `video` variant, hide the
.hero-content overlay and drop the ::after gradient so the media shows
edge-to-edge.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 blocks/hero/hero.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/blocks/hero/hero.css b/blocks/hero/hero.css
index 9f0d17e..b6ad403 100644
--- a/blocks/hero/hero.css
+++ b/blocks/hero/hero.css
@@ -51,6 +51,15 @@
   z-index: 1;
 }
 
+/*
+ * video variant: the video (and its poster) is a self-contained creative with
+ * its own headline and CTA, so drop the darkening gradient (and the overlaid
+ * text, below) and let the media show edge-to-edge.
+ */
+.hero.video::after {
+  content: none;
+}
+
 /* Content */
 .hero .hero-content {
   position: absolute;
@@ -102,3 +111,8 @@
     padding: 0 32px 80px;
   }
 }
+
+/* video variant: hide the overlaid text (see gradient note above) */
+.hero.video .hero-content {
+  display: none;
+}