:root{--stagger-delay: 80ms;--stagger-duration: .4s;--stagger-easing: ease;--stagger-distance: 20px}.stagger{opacity:0}.stagger-1{--stagger-order: 0}.stagger-2{--stagger-order: 1}.stagger-3{--stagger-order: 2}.stagger-4{--stagger-order: 3}.stagger-5{--stagger-order: 4}.stagger-6{--stagger-order: 5}@keyframes fadeFromTop{0%{opacity:0;transform:translateY(calc(-1 * var(--stagger-distance)))}to{opacity:1;transform:translateY(0)}}@keyframes fadeFromBottom{0%{opacity:0;transform:translateY(var(--stagger-distance))}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.in-view.scroll-down .stagger{animation:fadeFromTop var(--stagger-duration) var(--stagger-easing) forwards;animation-delay:calc(var(--stagger-order) * var(--stagger-delay))}.in-view.scroll-up .stagger{animation:fadeFromBottom var(--stagger-duration) var(--stagger-easing) forwards;animation-delay:calc((5 - var(--stagger-order)) * var(--stagger-delay))}.workspace-stack{display:flex;flex-direction:column;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.workspace-stack::-webkit-scrollbar{display:none}.workspace{height:100vh;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto}.workspace-enter{animation:slideIn .4s ease}@media(prefers-reduced-motion:reduce){.stagger,.in-view.scroll-down .stagger,.in-view.scroll-up .stagger{opacity:1!important;animation:none!important}.workspace-stack{scroll-behavior:auto}.workspace,.workspace-enter{animation:none!important}}