diff --git a/frontend/app/ops-redesign.css b/frontend/app/ops-redesign.css
index 5031909..cc763cd 100644
--- a/frontend/app/ops-redesign.css
+++ b/frontend/app/ops-redesign.css
@@ -4979,3 +4979,11 @@ textarea:focus {
   .request-cinematic-title .request-poster { width: 68px; height: 102px; }
   .request-cinematic-title .page-heading h1 { font-size: clamp(1.8rem, 7vw, 2.5rem); }
 }
+
+/* Fade the entire artwork layer, including its tint, into the page surface. */
+.request-cinematic-art {
+  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 38%, transparent 100%), linear-gradient(to right, transparent 0%, #000 9%, #000 91%, transparent 100%);
+  -webkit-mask-composite: source-in;
+  mask-image: linear-gradient(to bottom, #000 0%, #000 38%, transparent 100%), linear-gradient(to right, transparent 0%, #000 9%, #000 91%, transparent 100%);
+  mask-composite: intersect;
+}