/* LED wall output treatment for the preview-to-screen story. */
.output-flow{grid-template-columns:1fr 120px 1.35fr;align-items:center;gap:28px;max-width:1080px}
.display-art{border:8px solid #2f4059;border-bottom:8px solid #26364d;border-radius:4px;box-shadow:0 24px 55px #0007,0 0 55px #2c86ee1c;aspect-ratio:16/9;overflow:hidden;background:#071120;position:relative}
.display-art:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background-image:radial-gradient(#8fc8ff35 .7px,transparent .7px);background-size:5px 5px;mix-blend-mode:screen;opacity:.45}
.display-art>div{min-height:0;height:100%;display:flex;align-items:center;padding:clamp(18px,3vw,38px);background:radial-gradient(ellipse at 92% 12%,#398ee9,#1b407a 38%,#0a1730 78%)}
.display-art>div:after{content:'LED WALL OUTPUT';position:absolute;right:18px;top:16px;color:#a5d0ff;font-size:7px;letter-spacing:1.7px;opacity:.85}
.display-art>div>strong{font-size:clamp(28px,3.8vw,54px);letter-spacing:-1.8px;text-shadow:0 3px 18px #0005}
.display-art>i{display:none}
.signal-flow{z-index:3}.signal-flow b{color:#72b6ff}
@media(max-width:800px){.output-flow{grid-template-columns:1fr 55px 1.15fr;gap:14px}.display-art{border-width:5px}.display-art>div{padding:14px}.display-art>div>strong{font-size:clamp(22px,5vw,35px)}}
@media(max-width:520px){.output-flow{grid-template-columns:1fr;gap:28px}.signal-flow{height:28px}.signal-flow i{width:70px}.display-art{width:100%;max-width:330px;margin:0 auto}.display-art>div:after{font-size:6px;right:10px;top:9px}}