/* MEA Ecosystem — animasi loading logo (draw-in sequence) */
/* Pakai bareng file SVG mea-logo-icon.svg yang di-inline langsung ke HTML */
/* (bukan <img src="...">, karena animasi butuh akses ke id di dalam SVG) */

#box-left {
  stroke-dasharray: 366;
  stroke-dashoffset: 366;
  animation: mea-draw-left 2.4s ease-in-out infinite;
}

#box-right {
  stroke-dasharray: 241;
  stroke-dashoffset: 241;
  animation: mea-draw-right 2.4s ease-in-out infinite;
}

@keyframes mea-draw-left {
  0% { stroke-dashoffset: 366; }
  45% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 0; }
}

@keyframes mea-draw-right {
  0% { stroke-dashoffset: 241; }
  45% { stroke-dashoffset: 241; }
  90% { stroke-dashoffset: 0; }
  100% { stroke-dashoffset: 0; }
}