.scroll-stack{width:100%;position:relative}.scroll-stack-pin{justify-content:center;align-items:center;width:100%;height:100vh;padding-left:1rem;padding-right:1rem;display:flex;position:sticky;top:0;overflow:hidden}.scroll-stack-frame{width:100%;position:relative}.scroll-stack-slot{backface-visibility:hidden;transform-style:preserve-3d;will-change:transform, opacity;position:absolute;inset:0}.scroll-stack-card{background:#f5f5f5;border:1px solid #e5e5e5;flex-direction:column;justify-content:flex-end;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px -24px #00000073}.scroll-stack-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scroll-stack-scrim{background:linear-gradient(#0000001a,#00000059 50%,#000000d9);position:absolute;inset:0}.scroll-stack-index{letter-spacing:.1em;font-variant-numeric:tabular-nums;color:#a3a3a3;font-size:11px;font-weight:500;position:absolute;top:1.25rem;right:1.25rem}.scroll-stack-index.is-over{color:#ffffff8c}.scroll-stack-copy{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex;position:relative}.scroll-stack-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#737373;font-size:11px;font-weight:500}.scroll-stack-eyebrow.is-over{color:#ffffffb3}.scroll-stack-title{text-wrap:balance;letter-spacing:-.02em;color:#171717;max-width:22ch;margin:0;font-size:1.5rem;font-weight:500;line-height:1.15}.scroll-stack-title.is-over{color:#fff}.scroll-stack-body{color:#525252;max-width:46ch;margin:0;font-size:.875rem;line-height:1.65}.scroll-stack-body.is-over{color:#ffffffb3}.scroll-stack-hud{pointer-events:none;justify-content:center;align-items:center;gap:1rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;position:absolute;bottom:1.5rem;left:0;right:0}.scroll-stack-rail{background:color-mix(in srgb, currentColor 20%, transparent);width:7rem;height:1px;position:relative;overflow:hidden}.scroll-stack-fill{transform-origin:0;background:currentColor;position:absolute;inset:0}.scroll-stack-count{letter-spacing:.1em;font-variant-numeric:tabular-nums;opacity:.6;font-size:11px;font-weight:500}@media (min-width:640px){.scroll-stack-pin{padding-left:2rem;padding-right:2rem}.scroll-stack-index{top:1.75rem;right:1.75rem}.scroll-stack-copy{gap:1rem;padding:2.25rem}.scroll-stack-title{font-size:1.875rem}.scroll-stack-body{font-size:1rem}.scroll-stack-hud{bottom:2rem}.scroll-stack-rail{width:11rem}}@media (min-width:768px){.scroll-stack-title{font-size:2.25rem}}@media (prefers-color-scheme:dark){.scroll-stack-card{background:#171717;border-color:#262626}.scroll-stack-index{color:#737373}.scroll-stack-eyebrow{color:#a3a3a3}.scroll-stack-title{color:#fff}.scroll-stack-body{color:#a3a3a3}}