.olea-stage{display:flex;flex-direction:column;gap:1.5rem}.olea-space-layer{position:relative;aspect-ratio:1/1}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.olea-reveal{animation:olea-fade-rise linear both;animation-timeline:view();animation-range:entry 0 cover 30%}.olea-stagger>*{animation:olea-fade-rise linear both;animation-timeline:view()}.olea-stagger>:first-child{animation-range:entry 0 cover 22%}.olea-stagger>:nth-child(2){animation-range:entry 4% cover 26%}.olea-stagger>:nth-child(3){animation-range:entry 8% cover 30%}.olea-stagger>:nth-child(4){animation-range:entry 12% cover 34%}.olea-stagger>:nth-child(n+5){animation-range:entry 16% cover 38%}.olea-parallax{animation:olea-drift linear both;animation-timeline:view();animation-range:cover 0 cover 100%}.olea-day{view-timeline-name:--olea-day}.olea-progress{animation:olea-grow linear both;animation-timeline:--olea-day;animation-range:contain 0 contain 100%;transform-origin:left center}.olea-track{position:relative;height:calc(var(--olea-beats) * 100vh)}.olea-frame{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.olea-stage{position:relative;aspect-ratio:1/1;gap:0}.olea-space-layer{position:absolute;inset:0;animation:olea-cross-fade linear both;animation-timeline:--olea-day}}}@keyframes olea-fade-rise{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes olea-drift{0%{translate:0 -4%}to{translate:0 4%}}@keyframes olea-grow{0%{scale:0 1}to{scale:1 1}}@keyframes olea-cross-fade{0%,8%{opacity:0}14%,86%{opacity:1}92%,to{opacity:0}}