/* ScrollStack: vanilla port of the React Bits component (page-scroll mode) */
.scroll-stack { position: relative; width: 100%; }
.scroll-stack__inner { position: relative; }
.scroll-stack__slot { position: sticky; }
.scroll-stack-card {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 20rem;
  padding: 2.5rem;
  border-radius: 28px;
  background: #18181b;
  color: #fafafa;
  box-shadow:
    0 0 0 1px rgb(255 255 255 / 0.08),
    0 -12px 40px -16px rgb(0 0 0 / 0.35),
    0 24px 48px -24px rgb(0 0 0 / 0.4);
  transform-origin: 50% 0;
  will-change: transform;
}
.scroll-stack-card__shade {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #000;
  opacity: var(--scroll-stack-dim, 0);
  pointer-events: none;
}