/* Hero sample visual: stack. Source: src/styles/vis-stack.css (edit there, then run scripts/vis-css.mjs). Linked by templates/Landing.astro only on a page with hero.visual: stack. */
.vs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(var(--s-8),0.5fr) minmax(0,1fr);align-items:stretch}.vs-tools{display:grid;grid-template-rows:repeat(6,var(--s-10));gap:var(--s-1)}.vs-tools li{display:grid;place-items:center;background:var(--bg);border-radius:var(--r-media)}.vs-tools img{display:block;height:calc(var(--s-8) + var(--s-1));width:auto;max-width:80%;object-fit:contain}.vs-lnw{position:relative}.vs-ln{position:absolute;inset:0;display:block;width:100%;height:100%;fill:none;stroke:var(--accent-on-panel);stroke-width:2;stroke-linecap:round}.vs-ln path{vector-effect:non-scaling-stroke}.vs-books{display:grid;align-content:center;gap:var(--s-3);padding:var(--s-3);background:var(--panel-card);border:1px solid var(--accent-on-panel);border-radius:var(--r-media)}.vs-books p{font-size:var(--fs-pill);font-weight:700}.vs-books svg{display:block;width:100%;height:var(--s-7);fill:var(--panel-line)}@media (prefers-reduced-motion:no-preference){html.js .vis.run .vs-tools li{animation:vis-pop var(--dur-std) var(--ease-out) calc(var(--at) + var(--stagger) * var(--i,0)) backwards}html.js .vis.run .vs-ln path{stroke-dasharray:1000 2000;animation:vis-draw var(--dur-draw) var(--ease-out) calc(var(--at) + var(--dur-std) + var(--stagger) * var(--i,0)) backwards}html.js .vis.run .vs-books{animation:vis-pop var(--dur-hero-step) var(--ease-out) calc(var(--at) + var(--dur-draw)) backwards}.vs-tools li:nth-child(2),.vs-ln path:nth-child(2){--i:1}.vs-tools li:nth-child(3),.vs-ln path:nth-child(3){--i:2}.vs-tools li:nth-child(4),.vs-ln path:nth-child(4){--i:3}.vs-tools li:nth-child(5),.vs-ln path:nth-child(5){--i:4}.vs-tools li:nth-child(6),.vs-ln path:nth-child(6){--i:5}}