From 29d2ab6ce09a6c9b640cdd9fe1e92002a26fa20f Mon Sep 17 00:00:00 2001 From: Michael Victory Date: Mon, 22 Jun 2026 20:57:03 -0700 Subject: [PATCH] Mobile hero: raise the loop much higher behind the text Move the top-down fade start from 52% to 18% so the ambient reads behind the headline (desktop-like presence) instead of tucked at the bottom. Co-Authored-By: Claude Opus 4.8 --- style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style.css b/style.css index bb2578b..90c38aa 100644 --- a/style.css +++ b/style.css @@ -148,7 +148,7 @@ a.tel { text-decoration: none; } /* Loop OVERLAID as the hero background (not stacked below): full-bleed, rotated 90deg CW, faded from the top so the headline reads over paper and the ambient shows lower. Tint ::after still applies. */ .hero-media { left: 0; width: 100%; - -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 52%); mask-image: linear-gradient(to bottom, transparent 0, #000 52%); } + -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 18%); mask-image: linear-gradient(to bottom, transparent 0, #000 18%); } .hero-video { position: absolute; top: 50%; left: 50%; width: 100vh; height: 100vw; object-fit: cover; transform: translate(-50%, -50%) rotate(90deg); } }