.scroll-reveal{animation:auto linear;animation-timeline:view();animation-range:entry 30% exit 80%;animation-fill-mode:both}.scroll-reveal.slit-reveal{animation-name:slitScroll}.scroll-reveal.hologram-reveal{animation-name:hologramScroll}.scroll-reveal.slit-reveal{animation-name:slitScroll}.scroll-reveal.dolly-reveal{animation-name:dollyScroll}.scroll-reveal.curtain-reveal{animation-name:curtainScroll}.scroll-reveal.liquid-reveal{animation-name:liquidScroll}.scroll-reveal.fold-reveal{animation-name:foldScroll;transform-style:preserve-3d}.scroll-reveal.pulse-reveal{animation-name:pulseScroll}.scroll-reveal.flash-reveal{animation-name:flashScroll}.scroll-reveal.rotate-reveal{animation-name:rotateScroll}.slit-reveal:not(.scroll-reveal){animation:slitAppear 0.8s cubic-bezier(.2,.9,.4,1.1) forwards;opacity:0}.hologram-reveal:not(.scroll-reveal){animation:hologramAppear 1s ease-out forwards;opacity:0}.slit-reveal:not(.scroll-reveal){animation:slitAppear 0.8s cubic-bezier(.23,1,.32,1) forwards;opacity:0}.dolly-reveal:not(.scroll-reveal){animation:dollyAppear 0.7s cubic-bezier(.1,.9,.2,1) forwards;opacity:0}.curtain-reveal:not(.scroll-reveal){animation:curtainAppear 0.8s ease-out forwards;opacity:0}.liquid-reveal:not(.scroll-reveal){animation:liquidAppear 1s cubic-bezier(.42,0,.58,1) forwards;opacity:0}.fold-reveal:not(.scroll-reveal){animation:foldAppear 0.7s ease-out forwards;opacity:0;transform-style:preserve-3d}.pulse-reveal:not(.scroll-reveal){animation:pulseAppear 0.8s forwards;opacity:0}.flash-reveal:not(.scroll-reveal){animation:flashAppear 0.6s ease-out forwards;opacity:0}.rotate-reveal:not(.scroll-reveal){animation:rotateAppear 0.7s cubic-bezier(.68,-.55,.265,1.55) forwards;opacity:0}@keyframes slitScroll{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0);opacity:0}20%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}80%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}100%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);opacity:0}}@keyframes hologramScroll{0%{opacity:0;filter:blur(12px) hue-rotate(0deg);letter-spacing:8px}20%{opacity:1;filter:blur(0) hue-rotate(0deg);letter-spacing:normal}80%{opacity:1;filter:blur(0) hue-rotate(0deg);letter-spacing:normal}100%{opacity:0;filter:blur(12px) hue-rotate(360deg);letter-spacing:8px}}@keyframes dollyScroll{0%{opacity:0;transform:perspective(400px) translateZ(-100px) rotateX(5deg)}20%{opacity:1;transform:perspective(400px) translateZ(0) rotateX(0)}80%{opacity:1;transform:perspective(400px) translateZ(0) rotateX(0)}100%{opacity:0;transform:perspective(400px) translateZ(-100px) rotateX(-5deg)}}@keyframes curtainScroll{0%{clip-path:inset(0 50% 0 50%);opacity:0}20%{clip-path:inset(0 0 0 0);opacity:1}80%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 50% 0 50%);opacity:0}}@keyframes liquidScroll{0%{opacity:0;filter:blur(15px);transform:scale(1.2) skewX(10deg)}25%{opacity:1;filter:blur(0);transform:scale(1) skewX(0)}75%{opacity:1;filter:blur(0);transform:scale(1) skewX(0)}100%{opacity:0;filter:blur(15px);transform:scale(.9) skewX(-10deg)}}@keyframes foldScroll{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}20%{opacity:1;transform:perspective(400px) rotateY(0deg)}80%{opacity:1;transform:perspective(400px) rotateY(0deg)}100%{opacity:0;transform:perspective(400px) rotateY(-90deg)}}@keyframes pulseScroll{0%{opacity:0;transform:scale(.9);box-shadow:0 0 0 rgba(0,255,255,0)}25%{opacity:1;transform:scale(1);box-shadow:0 0 30px rgba(0,255,255,.6)}50%{box-shadow:0 0 15px rgba(0,255,255,.3)}75%{opacity:1;transform:scale(1);box-shadow:0 0 5px rgba(0,255,255,.1)}100%{opacity:0;transform:scale(.9);box-shadow:0 0 0 rgba(0,255,255,0)}}@keyframes flashScroll{0%{opacity:0;filter:brightness(0)}20%{opacity:1;filter:brightness(1.5)}30%{filter:brightness(1)}80%{opacity:1;filter:brightness(1)}100%{opacity:0;filter:brightness(0)}}@keyframes rotateScroll{0%{opacity:0;transform:rotate(-180deg) scale(.5)}20%{opacity:1;transform:rotate(0deg) scale(1)}80%{opacity:1;transform:rotate(0deg) scale(1)}100%{opacity:0;transform:rotate(180deg) scale(.5)}}@keyframes slitAppear{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0);opacity:0}100%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}@keyframes hologramAppear{0%{opacity:0;filter:blur(12px) hue-rotate(0deg);letter-spacing:8px}100%{opacity:1;filter:blur(0) hue-rotate(0deg);letter-spacing:normal}}@keyframes dollyAppear{0%{opacity:0;transform:perspective(400px) translateZ(-100px) rotateX(5deg)}100%{opacity:1;transform:perspective(400px) translateZ(0) rotateX(0)}}@keyframes curtainAppear{0%{clip-path:inset(0 50% 0 50%);opacity:0}100%{clip-path:inset(0 0 0 0);opacity:1}}@keyframes liquidAppear{0%{opacity:0;filter:blur(15px);transform:scale(1.2) skewX(10deg)}100%{opacity:1;filter:blur(0);transform:scale(1) skewX(0)}}@keyframes foldAppear{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}100%{opacity:1;transform:perspective(400px) rotateY(0)}}@keyframes pulseAppear{0%{opacity:0;transform:scale(.9);box-shadow:0 0 0 rgba(0,255,255,0)}50%{transform:scale(1.05);box-shadow:0 0 30px rgba(0,255,255,.6)}100%{opacity:1;transform:scale(1);box-shadow:0 0 0 rgba(0,255,255,0)}}@keyframes flashAppear{0%{opacity:0;filter:brightness(0)}50%{filter:brightness(1.5)}100%{opacity:1;filter:brightness(1)}}@keyframes rotateAppear{0%{opacity:0;transform:rotate(-180deg) scale(.5)}100%{opacity:1;transform:rotate(0deg) scale(1)}}.lift-on-load{opacity:0;transform:translateY(40px);animation:liftUp 0.7s cubic-bezier(.2,.9,.4,1.2) forwards;animation-delay:0.1s}.lift-on-scroll{opacity:0;transform:translateY(40px);animation:liftUp 0.7s cubic-bezier(.2,.9,.4,1.2) forwards;animation-timeline:view();animation-range:entry 30% exit 80%}@keyframes liftUp{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}