/* ==========================================================================
   Scroll-drawn red line (shared by the Implementation and L'Esprit MKB pages).
   The picture has no red line of its own; this SVG overlay draws it while the page scrolls (js/scroll-line.js).
   ========================================================================== */
.impl-line {
  overflow: visible;
}

.impl-line-paths {
  filter: drop-shadow(0 0 3px rgba(250, 13, 14, 0.45));
}

.impl-line-paths path {
  stroke-dasharray: 1 1;
  stroke-dashoffset: 1;
  opacity: 0;
}

/* glowing head of the line while it is being drawn */
.impl-line-tip {
  opacity: 0;
  filter: drop-shadow(0 0 7px rgba(250, 13, 14, 0.95));
  transform-box: fill-box;
  transform-origin: center;
  animation: impl-tip-pulse 1.4s ease-in-out infinite;
}

@keyframes impl-tip-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.5); }
}

@media (prefers-reduced-motion: reduce) {
  .impl-line-tip { animation: none; }
}