/* Animated scenes, generated by build.py from anims/gen.py. Each plays once, then fades and restarts on its own cycle (site.js). */
/* anim:start */
.a-t{font-family:var(--font);font-size:17px;fill:var(--navy)} .a-t.a-b{font-weight:800;font-size:17px} .a-t.a-s{font-size:14px;fill:var(--slate)} .a-t.a-xs{font-size:13px;font-weight:600} .a-t.a-xxs{font-size:11px;fill:var(--slate)}
/* animations run on .play (in view); resting state is the finished picture */
.play .a-bob{animation:a-bob 5s ease-in-out infinite}
@keyframes a-bob{50%{transform:translateY(5px)}}
.play .a-wave{animation:a-wave 3s ease-in-out infinite}
@keyframes a-wave{50%{transform:translateX(-25px)}}
.animcard .a-art{transition:opacity .5s ease} .animcard.out .a-art{opacity:0}
.play .a-ib-l,.play .a-fadein,.play .a-gnode,.play .a-lab{animation:a-fade .7s ease both}
@keyframes a-fade{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.play .a-draw{stroke-dasharray:400;animation:a-draw2 1s ease both}
@keyframes a-draw2{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
.play .a-node{animation:a-pop .5s ease both}
@keyframes a-pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.a-node,.a-stone,.a-gnode,.a-leaf{transform-box:fill-box;transform-origin:center}
.play .a-node.ai rect{animation:a-glow 2s ease-in-out infinite}
@keyframes a-glow{50%{stroke:#5B93D6;stroke-width:5}}
.play .a-old{animation:a-old 9s ease-in-out both}
@keyframes a-old{0%,30%{opacity:1;transform:none}55%,100%{opacity:.45;transform:translate(110px,280px)}}
.play .a-core{animation:a-core 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes a-core{50%{transform:scale(1.06)}}
.a-pass{fill:#5B93D6;stroke:#5B93D6;stroke-width:1.5}
.play .a-pass{animation:a-pass .4s ease both}
@keyframes a-pass{from{fill:#F4F8FD;stroke:#BCD5F1}to{fill:#5B93D6;stroke:#5B93D6}}
.a-bar{transform-box:fill-box;transform-origin:left center}
.play .a-bar{animation:a-bar .6s ease both}
@keyframes a-bar{from{transform:scaleX(0);opacity:0}to{transform:none;opacity:1}}
.play .a-tick,.play .a-pill{animation:a-fade2 .35s ease both}
@keyframes a-fade2{from{opacity:0}to{opacity:1}}
.play .a-led{animation:a-led 1.2s ease-in-out infinite}
@keyframes a-led{50%{opacity:.3}}
.play .a-stone{animation:a-stone .7s cubic-bezier(.3,1.3,.5,1) both}
@keyframes a-stone{from{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:none}}
.a-root,.a-br{stroke-dasharray:1 1}
.play .a-root,.play .a-br{animation:a-drawp .7s ease-out both}
@keyframes a-drawp{from{stroke-dashoffset:1;opacity:0}1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}
.a-trunkp{transform-box:fill-box;transform-origin:50% 100%}
.play .a-trunkp{animation:a-growy .8s cubic-bezier(.3,.9,.4,1) .9s both}
@keyframes a-growy{from{transform:scaleY(0)}to{transform:none}}
.play .a-leaf{animation:a-leaf .6s cubic-bezier(.3,1.5,.5,1) both}
@keyframes a-leaf{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}
.a-sway{transform-box:view-box;transform-origin:400px 344px}
.play .a-sway{animation:a-sway 6s ease-in-out 9s infinite}
@keyframes a-sway{25%{transform:rotate(.6deg)}75%{transform:rotate(-.6deg)}}