.card-stack{--stack-card-height:70svh;--stack-top:max(7rem, calc((100svh - var(--stack-card-height)) / 2));--stack-row:calc(var(--stack-card-height) + 2 * var(--stack-top));view-timeline-name:--card-stack;grid-auto-rows:var(--stack-row);width:100%;display:grid;position:relative}.card-stack__item{transform-origin:50% 100%;top:var(--stack-top);height:var(--stack-card-height);border:1px solid #0307121a;border-radius:2.5rem;position:sticky;overflow:hidden}.card-stack__item:first-child{--stack-i:1}.card-stack__item:nth-child(2){--stack-i:2}.card-stack__item:nth-child(3){--stack-i:3}.card-stack__item:nth-child(4){--stack-i:4}.card-stack__item:nth-child(5){--stack-i:5}@supports (width:calc(sibling-index() * 1px)){.card-stack__item{--stack-i:sibling-index()}}@media (max-width:640px){.card-stack{--stack-card-height:54svh;--stack-top:max(7rem, calc((100svh - var(--stack-card-height)) / 2))}}@supports (animation-timeline:view()){.card-stack__item{animation:linear forwards card-stack-away;animation-timeline:--card-stack;animation-range:exit-crossing calc(var(--stack-i,1) * var(--stack-row) - 100svh) exit-crossing calc(var(--stack-i,1) * var(--stack-row) - var(--stack-top))}.card-stack__item:last-of-type{animation:none}}@keyframes card-stack-away{to{filter:brightness(.62);transform:perspective(60em)rotateX(22deg)scale(.9)}}@media (prefers-reduced-motion:reduce){.card-stack__item{animation:none}}