.flow-art{--flow-tangle:0;--flow-labels:1;--flow-complete:1}
.flow-label{gap:12px;color:var(--muted)}
.flow-label .flow-status{font-size:11px;letter-spacing:.035em}
.flow-label .flow-state-icon{font-size:16px;line-height:1;color:var(--mint)}
.flow-art .flow-route{stroke:#87948e;stroke-width:1.25;opacity:.5}
.flow-trace{stroke:var(--mint);stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.flow-art .flow-secondary{opacity:calc(var(--flow-tangle) * .32);stroke-width:1}
.flow-nodes circle{transition:fill .18s;fill:var(--bg);stroke:var(--mint);stroke-width:1.5}
.flow-nodes circle.is-reached{fill:#283a31}
.flow-node-labels{opacity:var(--flow-labels);fill:var(--muted);font:12px Inter,Arial,sans-serif;text-anchor:middle}
.flow-end-check{opacity:var(--flow-complete);stroke:var(--mint);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#flow-traveller{opacity:calc(1 - var(--flow-complete))}
.flow-caption{font-size:11px;gap:10px;color:var(--muted)}
.about-signature{position:relative;isolation:isolate;background:#191b1d}
.about-signature .signature-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.8}
.about-signature:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#11121352,transparent 80%),linear-gradient(0deg,#111213bd,transparent 38%);pointer-events:none}
.signature-bottom{border-top-color:#ffffff26}
@media(max-width:900px) and (min-width:601px){.flow-label .flow-status{font-size:9px}.flow-caption{font-size:10px;gap:6px}.flow-caption-line{min-width:8px}}
@media(max-width:600px){
  .hero-aside{gap:24px}
  .flow-art{position:relative;inset:auto;width:100%;max-width:420px;margin:0 auto;opacity:1;padding-top:8px}
  .flow-label,.flow-caption{display:flex}
  .flow-label{padding-top:0}
  .flow-art svg{margin-block:-8px}
  .flow-label .flow-status,.flow-caption{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.flow-nodes circle{transition:none}}

.flow-node-labels{font-size:14px}
@media(max-width:900px){.flow-node-labels{font-size:18px}}
