/* Hero quick-link carousels, live mode (assets/hero-carousel.js, 2026-10-08).
   Loaded by the homepage only, after styles.css. The card look is untouched:
   these rules only hand the motion to the script, give the dock swell room,
   and desync the cards added past the fourth in each column. */

/* The script sets transform, opacity and scale every frame, so the slide
   transitions step aside; the border and glow keep theirs. */
.qcar__view.qcar-live .qcard {
  transition: border-color .35s ease, box-shadow .35s ease;
}

/* The whole column tracks the mouse, the gaps between cards included. */
.qcar__view.qcar-live { pointer-events: auto; }

/* Room for the swell. The column's fade mask clips anything outside its box,
   so on mouse screens the box grows by --qc-pad on each side (the negative
   margins keep the layout exactly where it was) and the cards sit inset by
   the same pad. Phones keep the original box: no hover, no swell. */
@media (hover: hover) and (pointer: fine) and (min-width: 601px) {
  .qcar__view.qcar-live {
    --qc-pad: 28px;
    width: calc(var(--qc-w, 200px) + 2 * var(--qc-pad));
    margin-inline: calc(-1 * var(--qc-pad));
  }
  .qcar__view.qcar-live .qcard {
    left: var(--qc-pad);
    width: var(--qc-w, 200px);
  }
}

/* Desync the bob and glow of the cards past the fourth in each column. */
.quicklinks__col--left  .qcard:nth-of-type(5)        { animation-delay: -2.2s; }
.quicklinks__col--left  .qcard:nth-of-type(5)::after { animation-delay: -3.9s; }
.quicklinks__col--right .qcard:nth-of-type(5)        { animation-delay: -6.6s; }
.quicklinks__col--right .qcard:nth-of-type(5)::after { animation-delay: -1.4s; }
.quicklinks__col--right .qcard:nth-of-type(6)        { animation-delay: -0.9s; }
.quicklinks__col--right .qcard:nth-of-type(6)::after { animation-delay: -3.3s; }
.quicklinks__col--right .qcard:nth-of-type(7)        { animation-delay: -3.8s; }
.quicklinks__col--right .qcard:nth-of-type(7)::after { animation-delay: -5.1s; }
.quicklinks__col--right .qcard:nth-of-type(8)        { animation-delay: -5.9s; }
.quicklinks__col--right .qcard:nth-of-type(8)::after { animation-delay: -0.3s; }