/* Hero sample visual: streams. Source: src/styles/vis-streams.css (edit there, then run scripts/vis-css.mjs). Linked by templates/Landing.astro only on a page with hero.visual: streams. */
.vm-head{font-size:var(--fs-pill)}.vm-rows{display:grid;gap:var(--s-4)}.vm-rows li{display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:var(--s-2);align-items:baseline}.vm-l{color:var(--panel-muted)}.vm-v{font-weight:700;font-variant-numeric:tabular-nums}.vm-bar{grid-column:1 / -1;display:block;width:100%;height:var(--s-2);overflow:visible}.vm-track{fill:var(--panel-line)}.vm-fill{fill:var(--accent-on-panel);transform-box:fill-box;transform-origin:left center}@media (prefers-reduced-motion:no-preference){html.js .vis.run .vm-rows li{animation:vis-fade var(--dur-hero-step) var(--ease-out) calc(var(--at) + var(--step) * var(--i,0)) backwards}html.js .vis.run .vm-fill{animation:vis-grow var(--dur-draw) var(--ease-out) calc(var(--at) + var(--step) * var(--i,0)) backwards}.vm-rows li:nth-child(2),.vm-rows li:nth-child(2) .vm-fill{--i:1}.vm-rows li:nth-child(3),.vm-rows li:nth-child(3) .vm-fill{--i:2}.vm-rows li:nth-child(4),.vm-rows li:nth-child(4) .vm-fill{--i:3}}