/* Static completed Workflow; image panels grow without scaling algorithm copy. */
#wf-scroll{--ink:#000;--gray:#c9c9c9;--gray2:#b5b5b5;--t:.45s;--wf-column:317px;--wf-art-height:491px;--wf-art-scale:1;--wf-stage-height:622px;position:relative;height:auto;color:#000;font-family:"Chloe Figma Inter",Helvetica,Arial,sans-serif;font-synthesis:none;overflow-anchor:auto}
#wf-scroll *{box-sizing:border-box;margin:0;padding:0}
#wf-scroll #wf{position:relative;height:var(--wf-stage-height);overflow:hidden;background:#fff}
#wf-scroll #stage{position:absolute;left:50%;top:50%;width:1140px;height:var(--wf-stage-height);transform:translate(-50%,-50%);transform-origin:center}
#wf-scroll .serif{font-family:"OPTITimes-Roman","Times New Roman",Georgia,serif;font-weight:500}
#wf-scroll .serif-i{font-family:"OPTITimesRoman-Italic","Times New Roman",Georgia,serif;font-style:italic;font-weight:500}
#wf-scroll #hd{position:absolute;left:50px;top:0px;width:323px}
#wf-scroll #hd .k{font-size:20px;line-height:1.514;white-space:pre}
#wf-scroll #hd .h{font-size:48px;line-height:1.1}
#wf-scroll #desc{position:absolute;right:52px;top:21px;width:314px;text-align:right;font-weight:300;font-size:12px;line-height:1.514}
#wf-scroll #left{position:absolute;left:50px;top:130px;width:var(--wf-column);height:var(--wf-art-height)}
#wf-scroll .gridrow{position:relative;width:100%;height:calc(130px*var(--wf-art-scale));overflow:hidden}
/* Existing project assets are already cropped to each row, rather than one contact sheet. */
#wf-scroll .gridrow img{position:absolute;width:100%;height:100%;left:0;top:0;display:block}
#wf-scroll #looks{display:flex;gap:calc(3px*var(--wf-art-scale));margin-top:calc(6px*var(--wf-art-scale))}
#wf-scroll #looks div{flex:1;min-width:0;height:calc(225px*var(--wf-art-scale));background:#eee center/cover}
#wf-scroll svg#wires{position:absolute;left:0;top:0;width:1140px;height:var(--wf-stage-height);pointer-events:none}
#wf-scroll .wire{fill:none;stroke:var(--gray);stroke-width:2}
#wf-scroll .wire.ink{stroke:var(--ink);stroke-dasharray:60;stroke-dashoffset:0}
#wf-scroll #boxg{fill:none;stroke:var(--gray);stroke-width:1}
#wf-scroll #boxi{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:none;stroke-dashoffset:0}
#wf-scroll #algo{position:absolute;left:412px;top:130px;width:var(--wf-column);height:var(--wf-art-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}
#wf-scroll #algo .title{position:static;width:223px;text-align:center;font-size:24px;color:var(--ink)}
#wf-scroll #algo.on .title{color:var(--ink)}
#wf-scroll #rows{position:static;width:223px}
#wf-scroll .rule{height:1px;background:var(--ink)}
#wf-scroll .rule.on{background:var(--ink)}
#wf-scroll .row{position:relative;height:49px;display:flex;align-items:center;justify-content:space-between}
#wf-scroll .row .lab{position:relative;z-index:1;font-size:12px;font-weight:300;color:var(--ink)}
#wf-scroll .row img{position:relative;z-index:1;height:25px;display:block;opacity:1;filter:none}
#wf-scroll .row img.pal{height:11px}
#wf-scroll .row img.col{height:30px}
#wf-scroll .row .sweep{position:absolute;left:-8px;right:-8px;top:6px;bottom:6px;background:#f2f2f2;opacity:0;transform:scaleX(0);transform-origin:left}
#wf-scroll .row.on .lab{color:var(--ink)}
#wf-scroll .row.on img{opacity:1;filter:none}
#wf-scroll .row .chk{position:absolute;left:-22px;top:50%;width:12px;height:12px;margin-top:-6px;opacity:1;transform:scale(1)}
#wf-scroll .row.on .chk{opacity:1;transform:scale(1)}
#wf-scroll #out{position:absolute;left:774px;top:130px;width:var(--wf-column);height:var(--wf-art-height);background:#fff;overflow:hidden}
#wf-scroll #out img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
#wf-scroll #out img.pre{opacity:.2}
#wf-scroll #out img.full{clip-path:inset(0)}
#wf-scroll #cap{position:absolute;left:774px;top:calc(130px + var(--wf-art-height) - 52px);width:var(--wf-column);text-align:right;padding-right:20px;color:#fff;opacity:1}
#wf-scroll #cap .a{font-size:13px;line-height:1.514}
#wf-scroll #cap .b{font-size:24px;line-height:1.1}
#wf-scroll #cap.on{opacity:1}
@media(prefers-reduced-motion:reduce){#wf-scroll *{transition:none!important;animation:none!important}}