/* ---------- Scroll Stack (benefits) ---------- */
.scroll-stack-inner {
  position: relative;
  width: 100%;
  padding-bottom: 60rem;
}

.scroll-stack-card {
  transform-origin: top center;
  will-change: transform, filter;
  backface-visibility: hidden;
  box-shadow: 0 20px 44px -22px rgba(10, 11, 13, 0.35);
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 0 0 30px;
  border-radius: 24px;
  box-sizing: border-box;
  position: relative;
  background: var(--paper);
  overflow: hidden;
}

.scroll-stack-card:last-child {
  margin-bottom: 0;
}

.scroll-stack-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.scroll-stack-end {
  width: 100%;
  height: 1px;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-stack-card {
    will-change: auto;
    transform: none !important;
    filter: none !important;
  }
}