.story-scene{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.story-scene g{transform-box:fill-box;transform-origin:center}.motion-enabled .story-cloud{animation:story-drift 12s ease-in-out infinite alternate}.motion-enabled .story-pen{animation:story-pen 9s ease-in-out -3s infinite alternate}.motion-enabled .story-planet{animation:story-planet 13s ease-in-out -6s infinite alternate}.motion-enabled .story-book{animation:story-float 7s ease-in-out infinite alternate}.motion-enabled .story-reader{animation:story-float 7s ease-in-out infinite alternate}.motion-enabled .story-bubble{animation:story-float 5.3s ease-in-out -2s infinite alternate}.motion-enabled .story-panel{animation:story-panel 11s ease-in-out -4s infinite alternate}.motion-enabled .story-leaf{animation:story-leaf 9s ease-in-out infinite alternate}.motion-enabled .story-spark{animation:story-spark 5s ease-in-out infinite alternate}.motion-enabled .spark-two{animation-delay:-2s}.motion-enabled .spark-three{animation-duration:7s}.motion-enabled .route-comet{animation:story-route 9s linear infinite}.motion-enabled .story-orbit{transform-origin:310px 243px;transform-box:view-box;animation:story-orbit 20s ease-in-out infinite alternate}.motion-paused *,[data-active="false"] *{animation-play-state:paused!important}.motion-toggle{background:none;border:1px solid currentColor;border-radius:25px;padding:4px 10px;font-size:9px;color:#39718b;white-space:nowrap}.motion-toggle:disabled{opacity:.65;cursor:default}
@keyframes story-drift{from{transform:translate(-10px,6px)}to{transform:translate(20px,-9px)}}@keyframes story-float{from{transform:translateY(-5px)}to{transform:translateY(7px)}}@keyframes story-pen{from{transform:translate(0,0) rotate(-8deg)}to{transform:translate(-15px,17px) rotate(10deg)}}@keyframes story-planet{from{transform:translate(-4px,-14px) rotate(-6deg)}to{transform:translate(13px,12px) rotate(12deg)}}@keyframes story-panel{from{transform:translate(-5px,8px) rotate(-5deg)}to{transform:translate(8px,-8px) rotate(6deg)}}@keyframes story-leaf{from{transform:translate(0,0) rotate(-12deg)}to{transform:translate(14px,-8px) rotate(12deg)}}@keyframes story-spark{from{transform:scale(.75) rotate(-12deg);opacity:.45}to{transform:scale(1.1) rotate(18deg);opacity:1}}@keyframes story-route{from{stroke-dashoffset:820}to{stroke-dashoffset:0}}@keyframes story-orbit{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.story-scene *{animation:none!important}}