/* Preserve the homepage section media grammar; only page-specific positioning lives here. */
body[data-workflow-media] #service-pillars-a .pillar-media img,
body[data-workflow-media] #service-rows-a .service-photo img,
body[data-workflow-media] #framework-a .process-panel figure img{object-fit:cover}
body[data-workflow-media] .workflow-media-labels{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 24px;color:#c6d0d4;font:400 14px/1.5 Inter,Arial,sans-serif}
body[data-workflow-media] .workflow-media-labels span{transition:color .4s ease}
body[data-workflow-media] .workflow-media-labels span+span::before{content:'→';margin-right:18px;color:#18bacc}
body[data-workflow-media] .workflow-media-labels span[data-active=true]{color:#7ee9ee}
body[data-workflow-media] .industry-film video{display:block;width:100%;height:100%;object-fit:contain}
body[data-workflow-media] #hero-a #hero .hero-art{background:#fff8f2!important}
body[data-workflow-media] #hero-a #hero .hero-art::after{display:none!important}
body[data-workflow-media] #hero-a #hero .hero-art video[data-workflow-asset=hero]{position:absolute;display:block;left:42%;top:46%;width:58%;height:auto;aspect-ratio:16/9;transform:translateY(-50%);object-fit:contain;opacity:1!important;mask:none!important;-webkit-mask:none!important;filter:none!important;mix-blend-mode:normal}
body[data-workflow-media] .selected-media-toggle{z-index:5;pointer-events:auto}
@media(max-width:800px){body[data-workflow-media] #hero-a #hero .hero-art video[data-workflow-asset=hero]{left:0;width:100%;top:50%}}
@media(prefers-reduced-motion:reduce){body[data-workflow-media] .workflow-media-labels span{transition:none}}

body[data-workflow-media] .workflow-hero-labels{position:absolute;z-index:3;left:42%;width:58%;top:calc(46% + 12vw);margin:0;text-align:center;font:400 14px/1.5 Inter,Arial,sans-serif;color:#59534f;letter-spacing:0}
@media(max-width:800px){body[data-workflow-media] .workflow-hero-labels{left:0;width:100%;top:calc(50% + min(23vw,110px));font-size:13px}}
body[data-workflow-media] .industry-film .selected-media-toggle,
body[data-workflow-media] .assessment-underlay-media .selected-media-toggle{background:rgba(8,14,20,.9);color:#fff8f2;opacity:1;border:1px solid #6e8b97;font:400 13px/1.4 Inter,Arial,sans-serif}
body[data-workflow-media] .selected-media-toggle:focus-visible{outline:2px solid #21ccda;outline-offset:3px}
@media(max-width:800px){
 body[data-workflow-media] #assessment-a .assessment-underlay{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0}
 body[data-workflow-media] #assessment-a .assessment-underlay-copy{position:relative;inset:auto;width:100%;max-width:none;order:0}
 body[data-workflow-media] #assessment-a .assessment-underlay-media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;order:1;opacity:1;mask:none;-webkit-mask:none}
 body[data-workflow-media] #assessment-a .assessment-underlay-media video{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;opacity:1;mask:none;-webkit-mask:none;transform:none}
 body[data-workflow-media] #assessment-a .assessment-underlay::after,body[data-workflow-media] #assessment-a .assessment-underlay-media::after{display:none}
 body[data-workflow-media] #assessment-a .assessment-underlay-media .selected-media-toggle{bottom:8px;right:8px}
}

/* A single narrative has the full case-study stage. */
body[data-workflow-media] #case-evidence-b .workflow-example-grid.workflow-example-single{display:block;grid-template-columns:1fr}
body[data-workflow-media] #case-evidence-b .workflow-example-single>article{width:100%;max-width:none}
body[data-workflow-media] #case-evidence-b .workflow-example-single .industry-film{width:100%;height:auto;aspect-ratio:16/9;max-height:none;margin-bottom:28px}
body[data-workflow-media] #case-evidence-b .workflow-example-single .industry-film video{width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}
body[data-workflow-media] #case-evidence-b .workflow-example-single h3{max-width:950px}
body[data-workflow-media] #case-evidence-b .workflow-example-single h3+p{max-width:820px}
body[data-workflow-media] #case-evidence-b .workflow-example-single .demo-outcome{max-width:820px;margin-top:18px;padding-top:18px}
body[data-workflow-media] #assessment-a .assessment-underlay-media video{aspect-ratio:4/3;max-width:960px;object-fit:contain}
@media(max-width:800px){body[data-workflow-media] #assessment-a .assessment-underlay-media{aspect-ratio:4/3}body[data-workflow-media] #assessment-a .assessment-underlay-media video{aspect-ratio:4/3;width:100%;height:auto}}
@media(min-width:801px){body[data-workflow-media] #assessment-a .assessment-underlay-media video{width:52%;height:calc(100% - 48px);top:24px;bottom:auto;left:auto;right:1%;transform:none;object-fit:contain}}
/* Keep playback controls above the decorative assessment vignette. */
body[data-workflow-media] #assessment-a .assessment-underlay-media{z-index:0}
body[data-workflow-media] #assessment-a .assessment-underlay-copy{position:relative;z-index:1}
/* Feather only the empty studio borders; preserve the model, floor and lighting. */
body[data-workflow-media] #hero-a #hero .hero-art video[data-workflow-asset=hero]{mask-image:linear-gradient(to right,transparent,#000 5%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 85%,transparent)!important;mask-composite:intersect!important;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 85%,transparent)!important}