/* Led Studio — led-studio.css */

/*
  GPU acceleration:
  • will-change: filter, stroke-dashoffset — ενεργοποιείται ΜΟΝΟ κατά το animation
    (αν το βάλουμε πάντα σε όλα τα elements → memory pressure στο κινητό)
  • Το JS προσθέτει/αφαιρεί .ls-will-change ακριβώς πριν/μετά το animation
*/

[data-glow] {
  transition: stroke-dashoffset 0.45s ease, opacity 0.35s ease;
}

[data-glow].ls-will-change {
  will-change: filter, stroke-dashoffset;
}

[data-glow].glow-lit {
  animation: lsGlow var(--ls-dur, 1.4s) cubic-bezier(0.22, 1, 0.36, 1) forwards;
  transition: none;
}

@keyframes lsGlow {
  0%   { stroke-dashoffset: var(--ls-len, 1000); opacity: 0.15; }
  7%   { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}