/* Desktop project chapters: a scroll-driven horizontal card stack. */
@media (min-width: 701px) and (prefers-reduced-motion: no-preference) {
  .project-list {
    padding-top: 10vh;
    padding-bottom: 24vh;
  }

  .project-list .project {
    position: sticky;
    top: 12vh;
    margin-bottom: 24vh;
    transform: translate3d(var(--slide-x, 0%), 0, 0) scale(var(--slide-scale, 1)) !important;
    opacity: var(--slide-opacity, 1) !important;
    will-change: transform, opacity;
    transition: color .45s ease;
  }

  .project-list .project:last-child {
    margin-bottom: 8vh;
  }

  .project-list .project::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(239,239,233,.32);
    opacity: .65;
  }
}

@media (max-width: 700px), (prefers-reduced-motion: reduce) {
  .project-list .project {
    position: relative;
    top: auto;
  }
}