/* ==========================================================================
   QUICK SWING — Grille /projets/ vivante (js/showcase-alive.js)
   Canvas génératif néon posé sur la vignette des cartes projet.
   ========================================================================== */

.qs-card-fx {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 3;                       /* > image (2), < pastille catégorie (4) */
    pointer-events: none;
    border-radius: inherit;

    /* Teinte lue par le JS via getComputedStyle(canvas).color */
    color: var(--cat, var(--qs-neon, #00e5cc));

    mix-blend-mode: screen;
    opacity: 0;
    transition: opacity .45s ease;
}

.qs-projet-card.is-fx-on .qs-card-fx {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .qs-card-fx { display: none; }
}