/* Twelve figures per page preserve the original first two desktop rows. */
.zzz-home .figure-carousel { --new-arrow-y: 50%; }
.zzz-home .figure-carousel .figure-showcase { margin-top: 0; }
.zzz-home .figure-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  column-gap: 24px;
  align-items: start;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  cursor: grab;
}
.zzz-home .figure-page {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 32px 18px;
  align-content: start;
  min-width: 0;
  scroll-snap-align: start;
}
.zzz-home .figure-track img { user-select: none; -webkit-user-drag: none; }
.zzz-home .figure-track.is-dragging { scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; user-select: none; }
.zzz-home .figure-track.is-dragging .card { cursor: grabbing; }
.zzz-home .figure-arrow[data-figure-prev] { left: calc(var(--new-track-inset) - var(--new-arrow-gap) - var(--new-arrow-width)); }
.zzz-home .figure-arrow[data-figure-next] { right: calc(var(--new-track-inset) - var(--new-arrow-gap) - var(--new-arrow-width)); }
.zzz-home .figure-arrows[hidden], .zzz-home .figure-empty[hidden] { display: none; }
.zzz-home .figure-empty { padding: 24px 0; color: var(--text-2); }
@media (max-width: 1180px) {
  .zzz-home .figure-carousel .figure-showcase { padding: 0; border: 0; background: transparent; }
  .zzz-home .figure-carousel .figure-showcase::before, .zzz-home .figure-carousel .figure-showcase::after { display: none; }
  .zzz-home .figure-page { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 12px; }
  .zzz-home .figure-arrow[data-figure-prev], .zzz-home .figure-arrow[data-figure-next] { inset: auto; }
}
@media (max-width: 640px) { .zzz-home .figure-page { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 12px; } }
@media (prefers-reduced-motion: reduce) { .zzz-home .figure-track { scroll-behavior: auto; } }