/* The three process illustrations sit directly on the white page at every width. */
.production-step .open-illustration{background:#fff;background-image:none;border:0;border-radius:0;box-shadow:none;overflow:visible;height:495px}
.open-illustration .process-scene-footer{background:#fff;border:0;box-shadow:none;padding:13px 10px 0;z-index:5}
.open-illustration .research-board{top:25px;left:10px;right:10px}
.open-illustration .process-hand{width:210px;height:210px;z-index:3}
.open-illustration .process-hand img{transition:none}
.open-illustration .execution-drafts{top:65px;left:10px;right:10px}
.open-illustration .delivery-package{left:10px;right:10px;bottom:80px}
.production-step .context-scene{height:555px}
.context-scene .context-inputs{top:20px;left:10px;right:10px;gap:12px}
.context-scene .context-inputs .process-paper{min-height:80px}
.context-synthesis{position:absolute;top:265px;left:20px;right:20px;text-align:center;background:#fff;padding:13px 8px;border-top:1px solid #c5dce9;border-bottom:1px solid #c5dce9;z-index:2;color:#496171}
.context-synthesis strong{display:block;font-size:14px;line-height:1.4}
.context-synthesis small{display:block;font-size:11px;line-height:1.4;margin-top:5px;color:#536b7c}
.context-scene[data-context-stage="shaping"] .context-synthesis strong,.context-scene[data-context-stage="ready"] .context-synthesis strong{color:#176f9f}
.context-scene .direction-folder{left:10px;right:10px;bottom:90px;background:#fff;box-shadow:0 3px 0 #e7f0f5;padding:18px 14px 16px;min-height:75px}
.context-scene .folder-tab{background:#fff}
.context-scene .direction-folder [data-direction]{opacity:.4;transition:opacity .4s;color:#516b7b}
.context-scene .direction-folder [data-direction].is-ready{opacity:1;color:#163b51}
.context-links{position:absolute;inset:0;pointer-events:none;z-index:0}
.context-links svg{width:100%;height:100%;overflow:visible}
.context-links path{fill:none;stroke:#82b3ce;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;opacity:.25}
.context-scene[data-context-stage="combining"] .context-gather-link,.context-scene[data-context-stage="shaping"] .context-gather-link,.context-scene[data-context-stage="ready"] .context-gather-link{opacity:1}
.context-scene[data-context-stage="shaping"] .context-output-link,.context-scene[data-context-stage="ready"] .context-output-link{opacity:1}
@media(max-width:809px){.production-step .open-illustration{height:470px}.open-illustration .process-hand{width:175px;height:175px}.open-illustration .research-board{top:20px;left:8px;right:8px;gap:12px}.open-illustration .process-scene-footer{padding:12px 8px 0}.production-step .context-scene{height:545px}.context-scene .context-inputs{left:8px;right:8px;top:18px}.context-scene .context-inputs .process-paper{min-height:83px}.context-synthesis{left:10px;right:10px;top:259px}.context-synthesis strong{font-size:13px}.context-synthesis small{font-size:10px}.context-scene .direction-folder{left:8px;right:8px;bottom:83px;padding:18px 12px 15px}.context-scene .direction-folder [data-direction]{font-size:10px}.open-illustration .execution-drafts{top:55px;left:8px;right:8px}.open-illustration .delivery-package{left:8px;right:8px;bottom:80px}}
@media(prefers-reduced-motion:reduce){.context-scene .direction-folder [data-direction]{transition:none}}
