[data-reveal]{--reveal-delay:var(--delay,0ms)}:root[data-motion-ready] [data-reveal]:not([data-motion]){visibility:hidden;animation:motion-failsafe 0s 3s forwards}[data-reveal~=cards][data-motion=wait] [data-reveal-item],[data-reveal~=rise][data-motion=wait],[data-reveal~=stagger][data-motion=wait]>*{opacity:0;filter:blur(var(--reveal-blur));transform:translate3d(0,var(--reveal-distance),0)}[data-reveal~=rise][data-motion=in]{animation:motion-rise var(--duration-reveal) var(--ease-out) var(--reveal-delay) backwards}[data-reveal~=soft][data-motion=wait]{opacity:0;transform:translate3d(0,1rem,0)}[data-reveal~=soft][data-motion=in]{animation:motion-soft 1.4s cubic-bezier(.25,1,.5,1) var(--reveal-delay) backwards}[data-reveal~=soft][data-motion=wait] [data-unveil=soft]{opacity:0}[data-reveal~=soft][data-motion=in] [data-unveil=soft]{animation:motion-fade var(--duration-reveal) var(--ease-out) calc(var(--reveal-delay) + .15s) backwards,motion-settle var(--duration-unveil) var(--ease-out) calc(var(--reveal-delay) + .15s) backwards}[data-reveal~=stagger]>*{--reveal-step:0}[data-reveal~=stagger]>:nth-child(2){--reveal-step:1}[data-reveal~=stagger]>:nth-child(3){--reveal-step:2}[data-reveal~=stagger]>:nth-child(4){--reveal-step:3}[data-reveal~=stagger]>:nth-child(5){--reveal-step:4}[data-reveal~=stagger]>:nth-child(6){--reveal-step:5}[data-reveal~=stagger]>:nth-child(n+7){--reveal-step:6}[data-reveal~=stagger][data-motion=in]>*{animation:motion-rise var(--duration-reveal) var(--ease-out) calc(var(--reveal-delay) + var(--reveal-step) * var(--stagger-step, var(--stagger))) backwards}[data-reveal~=cards][data-motion=wait]>*{opacity:0}[data-reveal~=cards][data-motion=in]>*{animation:motion-fade var(--duration-reveal) var(--ease-out) var(--reveal-delay) both}[data-reveal-item=title]{--reveal-item:1}[data-reveal-item=text]{--reveal-item:2}[data-reveal-item=action]{--reveal-item:3}[data-reveal~=cards][data-motion=in] [data-reveal-item]{animation:motion-rise var(--duration-reveal) var(--ease-out) calc(var(--reveal-delay) + .1s + var(--reveal-item, 0) * var(--stagger)) backwards}[data-reveal~=cards][data-motion=wait] [data-reveal-item=visual]{filter:none;transform:none}[data-reveal~=cards][data-motion=in] [data-reveal-item=visual]{animation-name:motion-fade}[data-reveal~=draw]{--draw-start:var(--reveal-delay)}[data-reveal~=build] [data-draw]{--draw-start:calc(var(--reveal-delay) + 250ms)}:is([data-reveal~=draw],[data-reveal~=build] [data-draw]) :is(path,ellipse,circle,rect){--draw-at:calc(var(--draw-start) + var(--draw-step, 0) * var(--draw-stagger))}[data-reveal~=cards][data-motion=wait] [data-reveal-item][data-reveal~=draw]{opacity:1;filter:none;transform:none}[data-reveal~=cards][data-motion=in] [data-reveal-item][data-reveal~=draw]{animation:none}:is([data-reveal~=draw][data-motion=wait],[data-reveal~=build][data-motion=wait] [data-draw]) [pathLength]{stroke-dasharray:1 1;stroke-dashoffset:1}:is([data-reveal~=draw][data-motion=wait],[data-reveal~=build][data-motion=wait] [data-draw]) :is(path,ellipse,circle,rect):where(:not([data-occluder])){fill-opacity:0}:is([data-reveal~=draw][data-motion=in],[data-reveal~=build][data-motion=in] [data-draw]) :is(path,ellipse,circle,rect):where(:not([data-occluder])){animation:motion-draw-fill var(--duration-draw-fill) var(--ease-out) calc(var(--draw-at) + var(--duration-draw) * .5) backwards}:is([data-reveal~=draw][data-motion=wait],[data-reveal~=build][data-motion=wait] [data-draw]) [stroke-dasharray]{stroke-opacity:0}:is([data-reveal~=draw][data-motion=in],[data-reveal~=build][data-motion=in] [data-draw]) [stroke-dasharray]{animation:motion-draw-dashed var(--duration-draw-fill) var(--ease-out) calc(var(--draw-at) + var(--duration-draw) * .5) backwards}:is([data-reveal~=draw][data-motion=in],[data-reveal~=build][data-motion=in] [data-draw]) [pathLength]{animation:motion-draw-line var(--duration-draw) var(--ease-draw) var(--draw-at) backwards,motion-draw-fill var(--duration-draw-fill) var(--ease-out) calc(var(--draw-at) + var(--duration-draw) * .5) backwards}[data-reveal~=draw][data-motion] [data-draw-masked][data-draw-masked]{fill-opacity:1;stroke-opacity:1;animation:none}@property --trace{syntax:"<angle>";inherits:false;initial-value:1turn}:is([data-motion=wait],[data-motion=in]) :is([data-trace],[data-panel]):after,[data-reveal][data-trace]:is([data-motion=wait],[data-motion=in]):after{mask-image:conic-gradient(from 300deg,#000 var(--trace),transparent 0)}[data-motion=wait] [data-trace]:after,[data-reveal][data-trace][data-motion=wait]:after,[data-reveal~=build][data-motion=wait] [data-panel]:after{--trace:0deg}[data-motion=in] [data-trace]:after,[data-reveal][data-trace][data-motion=in]:after,[data-reveal~=build][data-motion=in] [data-panel]:after{animation:motion-trace var(--duration-trace) var(--ease-draw) var(--reveal-delay) backwards}[data-reveal~=build][data-reveal][data-motion=wait][data-motion]{opacity:0}[data-reveal~=build][data-reveal][data-motion=in][data-motion]{animation:motion-fade var(--duration-reveal) var(--ease-out) var(--reveal-delay) backwards}[data-reveal~=build][data-motion=wait] [data-build]{opacity:0;translate:0 var(--build-distance)}[data-reveal~=build][data-motion=in] [data-build]{animation:motion-build var(--duration-build) var(--ease-out) calc(var(--reveal-delay) + var(--build-start) + var(--b, 0) * var(--build-stagger)) backwards}[data-reveal~=cards][data-motion=wait] [data-unveil],[data-reveal~=frame][data-motion=wait] [data-unveil]{opacity:0;filter:none;transform:none}[data-reveal~=cards][data-motion=in] [data-reveal-item][data-unveil]{animation:motion-fade var(--duration-reveal) var(--ease-out) calc(var(--reveal-delay) + .15s) backwards,motion-settle var(--duration-unveil) var(--ease-out) calc(var(--reveal-delay) + .15s) backwards}[data-reveal~=frame][data-motion=in] [data-unveil]{animation:motion-fade var(--duration-reveal) var(--ease-out) calc(var(--reveal-delay) + .15s) backwards}[data-reveal~=frame][data-motion=in] [data-unveil]:not([data-unveil=fade]) :is(img,video){animation:motion-settle var(--duration-unveil) var(--ease-out) calc(var(--reveal-delay) + .15s) backwards}[data-reveal~=frame][data-motion=wait]>[data-unveil]+*{opacity:0}[data-reveal~=frame][data-motion=in]>[data-unveil]+*{animation:motion-fade var(--duration-reveal) var(--ease-out) calc(var(--reveal-delay) + .3s) backwards}[data-reveal~=settle][data-motion=in]>*{animation:motion-settle-soft var(--duration-unveil) var(--ease-out) var(--reveal-delay) backwards}[data-reveal~=fade][data-motion=wait]{opacity:0}[data-reveal~=fade][data-motion=in]{animation:motion-fade var(--fade-duration,var(--duration-reveal)) var(--fade-ease,var(--ease-out)) var(--reveal-delay) both}.split-word{display:inline-block}[data-reveal~=words][data-motion=wait] .split-word{opacity:0;transform:translate3d(0,20%,0)}[data-reveal~=words][data-motion=in] .split-word{animation:motion-word var(--duration-words) var(--ease-words) calc(var(--reveal-delay) + 80ms + var(--w, 0) * var(--stagger-words)) both}@keyframes motion-soft{0%{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes motion-rise{0%{opacity:0;filter:blur(var(--reveal-blur));transform:translate3d(0,var(--reveal-distance),0)}}@keyframes motion-fade{0%{opacity:0}}@keyframes motion-draw-line{0%{stroke-dasharray:1 1;stroke-dashoffset:1}to{stroke-dasharray:1 1;stroke-dashoffset:0}}@keyframes motion-draw-fill{0%{fill-opacity:0}}@keyframes motion-draw-dashed{0%{stroke-opacity:0}}@keyframes motion-failsafe{to{visibility:visible}}@keyframes motion-trace{0%{--trace:0deg}to{--trace:360deg}}@keyframes motion-build{0%{opacity:0;translate:0 var(--build-distance)}}@keyframes motion-settle{0%{scale:1.06}}@keyframes motion-settle-soft{0%{scale:1.04}}@keyframes motion-word{0%{opacity:0;transform:translate3d(0,20%,0)}}@media (prefers-reduced-motion:reduce){[data-reveal],[data-reveal] .split-word,[data-reveal] [data-build],[data-reveal] [data-draw] *,[data-reveal] [data-panel]:after,[data-reveal] [data-reveal-item],[data-reveal] [data-trace]:after,[data-reveal] [data-unveil],[data-reveal] [data-unveil] :is(img,video),[data-reveal]>*,[data-reveal]>[data-unveil]+*,[data-reveal][data-trace]:after,[data-reveal~=build],[data-reveal~=draw] *{animation:none!important}}