:root{--card-height:450px;--card-margin:2rem;--card-top-offset:1.5rem}@media (max-width:1024px){:root{--card-height:auto;--card-top-offset:1rem}}.stacking-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--card-margin);padding-bottom:calc(var(--numcards) * var(--card-top-offset))}.stacking-card{position:sticky;top:5rem;padding-top:calc(var(--index) * var(--card-top-offset))}.stacking-card__content{transform-origin:50% 0;will-change:transform}@supports (animation-timeline:view()){.stacking-card{--index0:calc(var(--index) - 1);--reverse-index:calc(var(--numcards) - var(--index0));--reverse-index0:calc(var(--reverse-index) - 1)}@keyframes card-scale{to{transform:scale(calc(1.05 - calc(.05 * var(--reverse-index))))}}.stacking-cards{view-timeline-name:--cards-element-scrolls-in-body}.stacking-card__content{--start-range:calc(var(--index0) / var(--numcards) * 100%);--end-range:calc((var(--index)) / var(--numcards) * 100%);animation:card-scale linear forwards;animation-timeline:--cards-element-scrolls-in-body;animation-range:exit-crossing var(--start-range) exit-crossing var(--end-range)}}