/* Extended endpoints stay offscreen while each section gets a distinct pose. */
.ambient svg{width:100%;height:100%;left:0;top:0;animation:edge-breathe 24s ease-in-out infinite alternate;transform-origin:center;}
body[data-view="sakums"] .ambient svg{transform:rotate(0deg)}
body[data-view="ka-strada"] .ambient svg{transform:rotate(3deg) translateY(1%)}
body[data-view="iespejas"] .ambient svg{transform:rotate(-4deg) translateY(3%)}
body[data-view="kam"] .ambient svg{transform:rotate(5deg) translateY(-1%)}
body[data-view="drosiba"] .ambient svg{transform:rotate(-3deg) translateY(6%)}
body[data-view="demonstracija"] .ambient svg{transform:rotate(2deg) translateY(-2%)}
.ambient .edge-line{stroke-width:1.2;opacity:.72;vector-effect:non-scaling-stroke}
.ambient .edge-line.second{stroke:#36c9ad;opacity:.58}
.ambient .traveller{stroke:#c1ffdf;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:5 45;stroke-dashoffset:0;opacity:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #9cffc8) drop-shadow(0 0 10px #38f5a5);animation:edge-travel 12s linear infinite}
.ambient .traveller-bottom{stroke-width:2;opacity:.85;animation-duration:18s;animation-delay:-6s}
@keyframes edge-travel{to{stroke-dashoffset:-100}}
@keyframes edge-breathe{from{translate:0 0}to{translate:0 1%}}
@media(max-width:650px){.ambient svg{width:100%;left:0}.ambient .traveller{stroke-width:2}.ambient .traveller-bottom{stroke-width:1.6}}
@media(prefers-reduced-motion:reduce){.ambient svg,.ambient .traveller{animation:none!important}}