/* EO data mark: two data sources converge into a model and produce a decision.
   The geometry stays fixed; a small signal travels through it every 6 seconds. */
.data-mark{display:inline-block;width:36px;height:36px;flex:0 0 auto;overflow:visible;vertical-align:middle}
.data-mark--large{width:96px;height:96px}
.wordmark .data-mark{width:32px;height:32px;margin-left:5px}
.profile-contact-mark{justify-self:end;width:90px;height:90px}
@media(max-width:760px){.profile-contact-mark{width:65px;height:65px}}
.data-mark__track{fill:none;stroke:var(--lime);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.42}
.data-mark__signal{fill:none;stroke:var(--lime);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:8 92;stroke-dashoffset:100;animation:dm-signal 6s ease-in-out infinite}
.data-mark__signal--second{animation-delay:.42s}
.data-mark__signal--out{animation-name:dm-signal-out}
.data-mark__source{fill:var(--bg);stroke:var(--lime);stroke-width:2.3}
.data-mark__source-core{fill:var(--lime)}
.data-mark__model{fill:var(--blue);stroke:var(--blue);stroke-width:1.8}
.data-mark__matrix{fill:var(--on-blue,var(--paper));opacity:.94}
.data-mark__model-ring{fill:none;stroke:var(--lime);stroke-width:1.4;opacity:0;animation:dm-model 6s ease-in-out infinite}
.data-mark__decision{fill:var(--lime)}
.data-mark__decision-ring{fill:none;stroke:var(--lime);stroke-width:1.2;transform-box:fill-box;transform-origin:center;opacity:0;animation:dm-decision 6s ease-out infinite}
.motion-paused .data-mark *{animation-play-state:paused!important}
@keyframes dm-signal{0%,8%{stroke-dashoffset:100;opacity:0}15%{opacity:1}42%{stroke-dashoffset:-8;opacity:1}48%,100%{stroke-dashoffset:-8;opacity:0}}
@keyframes dm-signal-out{0%,43%{stroke-dashoffset:100;opacity:0}49%{opacity:1}70%{stroke-dashoffset:-8;opacity:1}76%,100%{stroke-dashoffset:-8;opacity:0}}
@keyframes dm-model{0%,27%,78%,100%{opacity:0}42%,57%{opacity:.9}}
@keyframes dm-decision{0%,60%,96%,100%{opacity:0;transform:scale(.86)}69%{opacity:.65;transform:scale(1)}90%{opacity:0;transform:scale(1.7)}}
@media(prefers-reduced-motion:reduce){
  .data-mark *{animation:none!important}
  .data-mark__signal,.data-mark__model-ring,.data-mark__decision-ring{display:none}
}