/* Home page app bands (Kora, Enact): the quiet motion layer.
   Only applied when js/bands.js runs; without it the static artwork in
   index.html is shown exactly as before. */

.band-texture.bt-draw .bt-ring,
.band-texture.bt-draw .bt-edge {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.band-texture.bt-drawn .bt-ring,
.band-texture.bt-drawn .bt-edge {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 2.4s cubic-bezier(0.2, 0.7, 0.2, 1);
  transition-delay: var(--d, 0s);
}

.band-texture.bt-draw .bt-node {
  opacity: 0;
}

.band-texture.bt-drawn .bt-node {
  opacity: 1;
  transition: opacity 0.6s ease;
  transition-delay: var(--d, 0s);
}

.band-texture.bt-draw .bt-grid {
  opacity: 0;
}

.band-texture.bt-drawn .bt-grid {
  opacity: 1;
  transition: opacity 1.6s ease;
}