.scroll-stack-wrapper{width:100%;position:relative}.scroll-stack-stage{justify-content:center;align-items:center;width:100%;height:100vh;padding:1rem;display:flex;position:sticky;top:0;overflow:hidden}@media (width>=640px){.scroll-stack-stage{padding-left:2rem;padding-right:2rem}}.scroll-stack-deck{width:100%;position:relative}.scroll-stack-card-slot{backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform, opacity;position:absolute;inset:0}.scroll-stack-default-card{background:oklch(30% .06 285);border:1px solid oklch(86% .135 84/.4);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:clamp(24px,4vw,48px);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.1),0 24px 60px -20px oklch(12% .05 285/.9),0 2px 14px -2px oklch(86% .135 84/.28)}.scroll-stack-default-card__image{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.scroll-stack-default-card__scrim{pointer-events:none;background:linear-gradient(oklch(26% .05 285/.3) 0%,oklch(22% .05 285/.6) 55%,oklch(18% .05 285/.86) 100%),radial-gradient(circle at 80% 20%,oklch(34% .07 285/.4),#0000 60%);position:absolute;inset:0}.scroll-stack-default-card__content{z-index:2;flex-direction:column;gap:12px;max-width:42rem;display:flex;position:relative}.scroll-stack-default-card__meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.scroll-stack-default-card__eyebrow{font-family:var(--font-display,serif);letter-spacing:.28em;text-transform:uppercase;color:oklch(85% .14 85);font-size:11px;font-weight:600}.scroll-stack-default-card__count{font-family:var(--font-display,serif);letter-spacing:.18em;color:oklch(90% .12 85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(18% .04 285/.75);border:1px solid oklch(74% .14 85/.35);border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600}.scroll-stack-default-card__title{font-family:var(--font-display,serif);color:#fff;letter-spacing:-.01em;text-shadow:0 2px 14px #000000b3;font-size:clamp(24px,3.2vw,38px);font-weight:600;line-height:1.15}.scroll-stack-default-card__body{color:#ffffffeb;text-shadow:0 1px 10px #000000b3;font-size:clamp(14px,1.1vw,16px);line-height:1.6}.scroll-stack-rail{pointer-events:none;inset-x:0;z-index:30;justify-content:center;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:absolute;bottom:1.5rem}@media (width>=640px){.scroll-stack-rail{bottom:2rem}}.scroll-stack-rail__track{background:oklch(100% 0 0/.2);border-radius:9999px;width:7rem;height:2px;position:relative;overflow:hidden}@media (width>=640px){.scroll-stack-rail__track{width:11rem}}.scroll-stack-rail__fill{transform-origin:0;background:oklch(85% .14 85);position:absolute;inset:0;transform:scaleX(0);box-shadow:0 0 8px oklch(85% .14 85/.6)}.scroll-stack-rail__counter{font-family:var(--font-display,serif);letter-spacing:.18em;font-variant-numeric:tabular-nums;color:oklch(85% .12 85);opacity:.85;font-size:12px;font-weight:600}
