fix workflow left image

src/components/sections/EVSection.tsx

@@ -532,6 +532,24 @@ export default function EVSection({
             .evnd__grid--cards .wf-scene { height: 100%; }
             .evnd__grid--cards .wf-scene { aspect-ratio: auto; }
             .evnd__grid--cards .evnd__dash { min-height: 100%; }
+            /* Static-image media (Workflow 2): cap the image height with a fixed
+               max-height so it sits at roughly the dashboard's row height instead
+               of towering hundreds of px below it. width:auto keeps the aspect
+               ratio (no stretch, no crop) and the frame hugs the image
+               (fit-content), so it stays centred with no side bands. The cap is
+               kept below the dashboard height so the image never inflates the row.
+               Scoped to the non-scene wrapper; desktop only, mobile untouched. */
+            .evnd__grid--cards .evnd__imgwrap:not(.evnd__imgwrap--media) {
+                width: fit-content;
+                max-width: 100%;
+                margin-inline: auto;
+            }
+            .evnd__grid--cards .evnd__imgwrap:not(.evnd__imgwrap--media) .evnd__img {
+                width: auto;
+                height: auto;
+                max-height: clamp(520px, 46vw, 670px);
+                max-width: 100%;
+            }
         }
 
         .evnd__left {
@@ -869,6 +887,22 @@ export default function EVSection({
             /* Ultra-wide: give the scene even more room (dashboard stays 600px). */
             .evnd__inner--cards { max-width: 1720px; }
         }
+        /* ---- Static-image workflow (Workflow 2) layout, 1440px+ ----
+           The asset is PORTRAIT, so it can't fill the wide scene column without
+           cropping. To show the WHOLE image (no missing content) it's hugged to
+           its own width via the ≥992 rules (fit-content frame + height cap) and
+           centred next to the 600px dashboard (same width as Workflow 1) with the
+           pair centred in a tightened inner — full image, no crop, no dead space.
+           It therefore sits a little narrower than the dashboard; filling the
+           column edge-to-edge would need a landscape source image. */
+        @media (min-width: 1440px) {
+            .evnd__inner--cards.evnd__inner--img { max-width: 1200px; }
+            .evnd__grid--cards.evnd__grid--img {
+                grid-template-columns: auto 600px;
+                justify-content: center;
+                gap: clamp(40px, 3vw, 56px);
+            }
+        }
 
         /* ---- Compact feature cards ---- */
         .evnd__dash-feats {
@@ -1184,7 +1218,9 @@ export default function EVSection({
           )}
 
           <div
-            className={`evnd__inner${useDashboard ? " evnd__inner--cards" : ""}`}
+            className={`evnd__inner${useDashboard ? " evnd__inner--cards" : ""}${
+              useDashboard && !mediaSlot ? " evnd__inner--img" : ""
+            }`}
           >
             <span className="evnd__eyebrow">{eyebrow}</span>
             <h2 className="evnd__title">
@@ -1194,7 +1230,9 @@ export default function EVSection({
 
             {/* MAIN GRID */}
             <div
-              className={`evnd__grid${useDashboard ? " evnd__grid--cards" : ""}`}
+              className={`evnd__grid${useDashboard ? " evnd__grid--cards" : ""}${
+                useDashboard && !mediaSlot ? " evnd__grid--img" : ""
+              }`}
             >
               {/* Left column */}
               <div className="evnd__left">