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

/*
  [data-glow]       = scroll-triggered (IntersectionObserver)
  [data-glow-hover] = hover-only (mouseenter/mouseleave)
  Both use the same animation; only the trigger differs.
*/

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

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

[data-glow].glow-lit,
[data-glow-hover].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; }
}

/*
  Flicker: use !important so it beats animation-fill-mode:forwards.
  JS toggles this class on/off to create the blink effect.
  No transition — flicker must be instant.
*/
.ls-flicker-off {
  opacity: 0.05 !important;
  transition: none !important;
}