[data-companion]{overflow:visible}[data-companion] *{will-change:auto}@keyframes lux-paw-in{0%{opacity:0;transform:translateY(4px) scale(.6)}60%{opacity:.7}to{opacity:.55;transform:translateY(0) scale(1)}}@keyframes lux-figure-reveal{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lux-shine-pop{0%,60%{opacity:0;transform:scale(0)}80%{opacity:1;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}[data-companion=lux][data-clip=materialise] #lux-figure{animation:lux-figure-reveal .7s cubic-bezier(.16,1,.3,1) .5s both}[data-companion=lux][data-clip=materialise] #lux-eyeshine{transform-box:fill-box;transform-origin:50% 50%;animation:lux-shine-pop 1.4s ease-out both}[data-companion=lux][data-clip=materialise] #lux-pawprint-1{animation:lux-paw-in .3s 0s both}[data-companion=lux][data-clip=materialise] #lux-pawprint-2{animation:lux-paw-in .3s .1s both}[data-companion=lux][data-clip=materialise] #lux-pawprint-3{animation:lux-paw-in .3s .2s both}[data-companion=lux][data-clip=materialise] #lux-pawprint-4{animation:lux-paw-in .3s .3s both}@keyframes lux-figure-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-6px) scale(1.02)}}@keyframes lux-paw-out{0%,55%{opacity:.55}to{opacity:0}}[data-companion=lux][data-clip=dematerialise] #lux-figure{animation:lux-figure-out .6s ease-in both}[data-companion=lux][data-clip=dematerialise] #lux-pawprints{animation:lux-paw-out 1.1s ease-in both}@keyframes lux-breath{0%,to{transform:scaleY(1) translateY(0)}50%{transform:scaleY(1.02) translateY(-1px)}}@keyframes lux-tail-flick{0%,70%,to{transform:rotate(0deg)}78%{transform:rotate(-9deg)}86%{transform:rotate(7deg)}93%{transform:rotate(-3deg)}}@keyframes lux-blink{0%,44%,to{transform:scaleY(1)}46%,49%{transform:scaleY(.1)}51%{transform:scaleY(1)}54%,57%{transform:scaleY(.1)}60%{transform:scaleY(1)}}@keyframes lux-ear-twitch{0%,30%,to{transform:rotate(0deg)}34%{transform:rotate(-7deg)}40%{transform:rotate(2deg)}44%{transform:rotate(0deg)}}[data-companion=lux][data-clip=idle] #lux-body{transform-box:fill-box;transform-origin:50% 100%;animation:lux-breath 4s ease-in-out infinite}[data-companion=lux][data-clip=idle] #lux-tail{animation:lux-tail-flick 5s ease-in-out infinite}[data-companion=lux][data-clip=idle] #lux-eye-l,[data-companion=lux][data-clip=idle] #lux-eye-r{animation:lux-blink 6s ease-in-out infinite}[data-companion=lux][data-clip=idle] #lux-ear-r{animation:lux-ear-twitch 7s ease-in-out infinite}@keyframes lux-walk-bob{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-2px) rotate(-1deg)}75%{transform:translateY(-2px) rotate(1deg)}}@keyframes lux-walk-tail{0%,to{transform:rotate(6deg)}50%{transform:rotate(-6deg)}}[data-companion=lux][data-clip=walk] #lux-figure{animation:lux-walk-bob .6s ease-in-out infinite}[data-companion=lux][data-clip=walk] #lux-tail{animation:lux-walk-tail .6s ease-in-out infinite}@keyframes lux-settle{0%{transform:translateY(-3px) scaleY(.99)}to{transform:translateY(0) scaleY(1)}}[data-companion=lux][data-clip=sit] #lux-figure{animation:lux-settle .8s cubic-bezier(.16,1,.3,1) both}[data-companion=lux][data-clip=sit] #lux-tail{transform:rotate(0deg)}@keyframes lux-look-head{0%{transform:rotate(0deg)}to{transform:rotate(12deg)}}@keyframes lux-look-tail{0%{transform:rotate(0deg)}to{transform:rotate(-16deg)}}[data-companion=lux][data-clip=look-at] #lux-head{animation:lux-look-head .5s ease-out both}[data-companion=lux][data-clip=look-at] #lux-tail{animation:lux-look-tail .6s ease-out both}@keyframes lux-groom{0%,to{transform:rotate(0deg) translateY(0)}30%{transform:rotate(-14deg) translateY(6px)}60%{transform:rotate(-10deg) translateY(5px)}}[data-companion=lux][data-clip=groom] #lux-head{animation:lux-groom 2.2s ease-in-out infinite}@keyframes lux-sleep-body{0%{transform:scaleY(1) translateY(0)}to{transform:scaleY(.9) translateY(8px)}}@keyframes lux-zzz{0%{opacity:0;transform:translateY(6px) scale(.6)}30%{opacity:.9}to{opacity:0;transform:translateY(-14px) scale(1.1)}}[data-companion=lux][data-clip=sleep] #lux-figure{transform-box:fill-box;transform-origin:50% 100%;animation:lux-sleep-body 1.2s ease-in-out both}[data-companion=lux][data-clip=sleep] #lux-eye-l,[data-companion=lux][data-clip=sleep] #lux-eye-r{transform:scaleY(.12)}[data-companion=lux][data-clip=sleep] #lux-eyeshine{opacity:0}[data-companion=lux][data-clip=sleep] #lux-zzz{animation:lux-zzz 3s ease-out infinite}@keyframes ath-glide-body{0%{opacity:0;transform:translateY(-26px) scale(.96)}70%{opacity:1;transform:translateY(3px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ath-glide-wing-l{0%{transform:rotate(-46deg)}40%{transform:rotate(10deg)}70%{transform:rotate(-12deg)}to{transform:rotate(0deg)}}@keyframes ath-glide-wing-r{0%{transform:rotate(46deg)}40%{transform:rotate(-10deg)}70%{transform:rotate(12deg)}to{transform:rotate(0deg)}}[data-companion=athena][data-clip=glide-in] #ath-body,[data-companion=athena][data-clip=glide-in] #ath-head{transform-box:fill-box;transform-origin:50% 100%;animation:ath-glide-body .9s cubic-bezier(.16,1,.3,1) both}[data-companion=athena][data-clip=glide-in] #ath-wing-l{animation:ath-glide-wing-l .9s ease-out both}[data-companion=athena][data-clip=glide-in] #ath-wing-r{animation:ath-glide-wing-r .9s ease-out both}@keyframes ath-blink{0%,92%,to{transform:scaleY(0)}94%,97%{transform:scaleY(1)}}@keyframes ath-headbob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-2px) rotate(1deg)}}@keyframes ath-ruffle{0%,to{transform:rotate(0deg)}50%{transform:rotate(-2deg)}}[data-companion=athena][data-clip=idle] #ath-eyelid-l,[data-companion=athena][data-clip=idle] #ath-eyelid-r{animation:ath-blink 5s ease-in-out infinite}[data-companion=athena][data-clip=idle] #ath-head{animation:ath-headbob 4s ease-in-out infinite}[data-companion=athena][data-clip=idle] #ath-wing-l{animation:ath-ruffle 6s ease-in-out infinite}[data-companion=athena][data-clip=idle] #ath-wing-r{animation:ath-ruffle 6s ease-in-out .4s infinite}@keyframes ath-headturn{0%{transform:rotateY(0deg) rotate(0deg)}30%{transform:rotateY(0deg) scaleX(.55) rotate(-3deg)}50%{transform:scaleX(-.55) rotate(2deg)}70%{transform:scaleX(-1) rotate(0deg)}to{transform:scaleX(-1) rotate(0deg)}}[data-companion=athena][data-clip=head-turn] #ath-head{transform-box:fill-box;transform-origin:50% 60%;animation:ath-headturn 1.6s ease-in-out both}@keyframes ath-point{0%{transform:rotate(0deg)}60%{transform:rotate(-58deg)}75%{transform:rotate(-50deg)}to{transform:rotate(-54deg)}}[data-companion=athena][data-clip=wing-point] #ath-wing-r{animation:ath-point .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes ath-puff{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes ath-beak{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5) translateY(2px)}}@keyframes ath-ring{0%{opacity:.6;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}[data-companion=athena][data-clip=hoot] #ath-body{transform-box:fill-box;transform-origin:50% 70%;animation:ath-puff .9s ease-in-out 2}[data-companion=athena][data-clip=hoot] #ath-beak{transform-box:fill-box;transform-origin:50% 0;animation:ath-beak .9s ease-in-out 2}[data-companion=athena][data-clip=hoot] #ath-ring{transform-box:fill-box;transform-origin:50% 50%;animation:ath-ring 1.2s ease-out 2}@keyframes ath-nod{0%,to{transform:rotate(0deg) translateY(0)}30%{transform:rotate(8deg) translateY(3px)}60%{transform:rotate(-2deg) translateY(-1px)}}[data-companion=athena][data-clip=nod] #ath-head{transform-box:fill-box;transform-origin:50% 95%;animation:ath-nod .9s ease-in-out 2}@keyframes ath-sleep-head{0%{transform:rotate(0deg) translateY(0)}to{transform:rotate(6deg) translateY(6px)}}@keyframes ath-zzz{0%{opacity:0;transform:translateY(6px) scale(.6)}30%{opacity:.9}to{opacity:0;transform:translateY(-14px) scale(1.1)}}[data-companion=athena][data-clip=sleep] #ath-eyelid-l,[data-companion=athena][data-clip=sleep] #ath-eyelid-r{transform:scaleY(1)}[data-companion=athena][data-clip=sleep] #ath-head{transform-box:fill-box;transform-origin:50% 95%;animation:ath-sleep-head 1.2s ease-in-out both}[data-companion=athena][data-clip=sleep] #ath-zzz{animation:ath-zzz 3s ease-out infinite}@keyframes kato-flap-l{0%,to{transform:rotate(0deg)}50%{transform:rotate(-38deg)}}@keyframes kato-flap-r{0%,to{transform:rotate(0deg)}50%{transform:rotate(38deg)}}@keyframes kato-flit{0%{opacity:0;transform:translate(-70px,30px) rotate(-12deg) scale(.7)}25%{opacity:1;transform:translate(-30px,-18px) rotate(10deg) scale(.85)}50%{transform:translate(20px,14px) rotate(-8deg) scale(.95)}72%{transform:translate(-8px,-10px) rotate(6deg) scale(1.02)}to{opacity:1;transform:translate(0) rotate(0deg) scale(1)}}[data-companion=kato][data-clip=flit-in] #kato-figure{animation:kato-flit 1.1s cubic-bezier(.34,1.2,.64,1) both}[data-companion=kato][data-clip=flit-in] #kato-wing-l{animation:kato-flap-l .18s ease-in-out 6}[data-companion=kato][data-clip=flit-in] #kato-wing-r{animation:kato-flap-r .18s ease-in-out 6}@keyframes kato-hang-sway{0%,to{transform:rotate(176deg)}50%{transform:rotate(184deg)}}@keyframes kato-hang-ear{0%,80%,to{transform:rotate(0deg)}88%{transform:rotate(-8deg)}94%{transform:rotate(4deg)}}[data-companion=kato][data-clip=hang] #kato-figure{animation:kato-hang-sway 3.4s ease-in-out infinite}[data-companion=kato][data-clip=hang] #kato-ear-l{animation:kato-hang-ear 4s ease-in-out infinite}@keyframes kato-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}[data-companion=kato][data-clip=flap] #kato-figure{animation:kato-hover .9s ease-in-out infinite}[data-companion=kato][data-clip=flap] #kato-wing-l{animation:kato-flap-l .32s ease-in-out infinite}[data-companion=kato][data-clip=flap] #kato-wing-r{animation:kato-flap-r .32s ease-in-out infinite}@keyframes kato-dart{0%{transform:translateX(0) scaleX(1)}30%{transform:translateX(8px) scaleX(1.1) scaleY(.92)}70%{transform:translateX(46px) scaleX(.96)}to{transform:translateX(40px) scaleX(1)}}[data-companion=kato][data-clip=dart-to] #kato-figure{animation:kato-dart .6s cubic-bezier(.34,1.56,.64,1) both}[data-companion=kato][data-clip=dart-to] #kato-wing-l{animation:kato-flap-l .15s ease-in-out 4}[data-companion=kato][data-clip=dart-to] #kato-wing-r{animation:kato-flap-r .15s ease-in-out 4}@keyframes kato-wave{0%,to{transform:rotate(0deg)}20%{transform:rotate(-44deg)}40%{transform:rotate(-30deg)}60%{transform:rotate(-44deg)}80%{transform:rotate(-30deg)}}[data-companion=kato][data-clip=wave] #kato-wing-r{animation:kato-wave 1.4s ease-in-out 2}[data-companion=kato][data-clip=wave] #kato-wing-l{animation:kato-flap-l .5s ease-in-out 6}@keyframes kato-loop{0%{transform:rotate(0deg) translateY(0)}40%{transform:rotate(1turn) translateY(-18px)}60%{transform:rotate(1turn) translateY(-10px)}to{transform:rotate(1turn) translateY(0)}}@keyframes kato-sparkle{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(.6)}}[data-companion=kato][data-clip=celebrate] #kato-figure{animation:kato-loop 1.3s cubic-bezier(.34,1.1,.64,1) both}[data-companion=kato][data-clip=celebrate] #kato-wing-l{animation:kato-flap-l .2s ease-in-out 6}[data-companion=kato][data-clip=celebrate] #kato-wing-r{animation:kato-flap-r .2s ease-in-out 6}[data-companion=kato][data-clip=celebrate] #kato-sparkles{animation:kato-sparkle 1.3s ease-out 2}@keyframes kato-sleep-wrap-l{0%{transform:rotate(0deg)}to{transform:rotate(34deg)}}@keyframes kato-sleep-wrap-r{0%{transform:rotate(0deg)}to{transform:rotate(-34deg)}}@keyframes kato-zzz{0%{opacity:0;transform:translateY(6px) scale(.6)}30%{opacity:.9}to{opacity:0;transform:translateY(-14px) scale(1.1)}}[data-companion=kato][data-clip=sleep] #kato-figure{transform:rotate(180deg)}[data-companion=kato][data-clip=sleep] #kato-wing-l{animation:kato-sleep-wrap-l 1s ease-in-out both}[data-companion=kato][data-clip=sleep] #kato-wing-r{animation:kato-sleep-wrap-r 1s ease-in-out both}[data-companion=kato][data-clip=sleep] #kato-zzz{animation:kato-zzz 3s ease-out infinite}@media (prefers-reduced-motion:reduce){[data-companion] *{animation:none!important;transition:none!important}[data-companion=lux] #lux-figure{opacity:1;transform:none}[data-companion=lux] #lux-pawprints{opacity:0}[data-companion=lux] #lux-eyeshine{opacity:1;transform:none}[data-companion=lux] #lux-eye-l,[data-companion=lux] #lux-eye-r{transform:none}[data-companion=lux] #lux-zzz{opacity:0}[data-companion=athena] #ath-body,[data-companion=athena] #ath-head{opacity:1;transform:none}[data-companion=athena] #ath-eyelid-l,[data-companion=athena] #ath-eyelid-r{transform:scaleY(0)}[data-companion=athena] #ath-ring,[data-companion=athena] #ath-zzz{opacity:0}[data-companion=kato] #kato-figure{opacity:1;transform:none}[data-companion=kato] #kato-wing-l,[data-companion=kato] #kato-wing-r{transform:none}[data-companion=kato] #kato-sparkles,[data-companion=kato] #kato-zzz{opacity:0}}html.a11y-reduce-motion [data-companion] *{animation:none!important;transition:none!important}html.a11y-reduce-motion [data-companion=athena] #ath-body,html.a11y-reduce-motion [data-companion=athena] #ath-head,html.a11y-reduce-motion [data-companion=kato] #kato-figure,html.a11y-reduce-motion [data-companion=lux] #lux-figure{opacity:1;transform:none}html.a11y-reduce-motion [data-companion=athena] #ath-ring,html.a11y-reduce-motion [data-companion=kato] #kato-sparkles,html.a11y-reduce-motion [data-companion=lux] #lux-pawprints,html.a11y-reduce-motion [data-companion] [id$=-zzz]{opacity:0}html.a11y-reduce-motion [data-companion=athena] #ath-eyelid-l,html.a11y-reduce-motion [data-companion=athena] #ath-eyelid-r{transform:scaleY(0)}html.a11y-reduce-motion [data-companion=kato] #kato-wing-l,html.a11y-reduce-motion [data-companion=kato] #kato-wing-r{transform:none}