/* About: the signal chain icons, redrawn so each one reads as the real piece of gear (still line art, animated gently) */
.about-ico{display:block;width:84px;height:84px;overflow:visible;fill:none;stroke:var(--em);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.about-ico .th{stroke-width:1.7;opacity:.62}
.about-ico .ac{stroke:var(--em-2)}
.about-ico .fl{fill:var(--em);stroke:none}
.about-ico .rec{fill:#ff4f4f;stroke:none;animation:icoRec 1.2s ease-in-out infinite}
.about-ico .bm{fill:var(--em-2);fill-opacity:.16;animation:icoBeam 2.4s ease-in-out infinite}
.about-ico .wv{animation:icoWave 1.5s ease-in-out infinite}.about-ico .w2{animation-delay:.4s}
.about-ico .fd{fill:var(--em-2);fill-opacity:.25;transform-box:fill-box;animation:icoFade 2.6s ease-in-out infinite}
.about-ico .d2{animation-delay:.5s}.about-ico .d3{animation-delay:1s}.about-ico .d4{animation-delay:1.5s}
.about-ico .bt{fill:var(--em);fill-opacity:.18;stroke-width:1.6;animation:icoBtn 2.4s steps(1) infinite}.about-ico .b2{animation-delay:.8s}.about-ico .b3{animation-delay:1.6s}
.about-ico .pg{stroke-dasharray:40;animation:icoDraw 2.4s ease-in-out infinite}
@keyframes icoWave{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes icoRec{50%{opacity:.25}}
@keyframes icoBeam{50%{fill-opacity:.34}}
@keyframes icoFade{50%{transform:translateY(-7px)}}
@keyframes icoBtn{0%{fill:var(--ks-blue);fill-opacity:.9}33%,100%{fill:var(--em);fill-opacity:.18}}
@keyframes icoDraw{0%{stroke-dashoffset:40}60%,100%{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.about-ico *{animation:none!important}}