/* front-end only: motion layer (editor stays still) */
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:100px}
.aary-header-part{position:sticky;top:0;z-index:50}
body.admin-bar .aary-header-part{top:32px}
.aary-topbar{background:transparent!important}
.aary-hero{margin-top:-80px;padding-top:calc(clamp(56px,7vw,96px) + 80px)!important}
.aary-scrollbar{position:fixed;left:0;top:0;height:4px;width:100%;z-index:60;background:var(--wp--preset--gradient--brand);transform-origin:0 50%;transform:scaleX(var(--sp,0))}
.aary-logo::before{animation:aspin 9s linear infinite}
.aary-mascot .blob{animation:amorph 7s ease-in-out infinite,abob 4s ease-in-out infinite}
.aary-mascot .eye{animation:ablink 5s infinite}
.aary-mascot .ring{animation:aspinR 12s linear infinite}
.aary-mascot .ball{animation:abob 3.4s ease-in-out infinite}
.aary-mascot .stk,.is-style-aary-sticker{animation:awig 3.2s ease-in-out infinite}
.aary-star{animation:aspin 8s linear infinite}
.aary-tape .aary-track{display:flex;width:max-content;animation:amarq 28s linear infinite}
.aary-tape-b .aary-track{animation-direction:reverse;animation-duration:34s}
.aary-tape .aary-track>span{padding-right:2em}
.aary-noimg span{animation:amorph 8s ease-in-out infinite}
.is-style-aary-circle{transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.is-style-aary-circle:hover{transform:rotate(0) scale(1.08)!important}
.is-style-aary-tilt-left,.is-style-aary-tilt-right,.is-style-aary-card{transition:transform .35s cubic-bezier(.3,1.5,.5,1)}
.aary-cats-cols .is-style-aary-tilt-left:hover,.aary-cats-cols .is-style-aary-tilt-right:hover,.aary-cats-cols .is-style-aary-card:hover{transform:rotate(0) translateY(-8px)}
.aary-path path{animation:adash 2s linear infinite}
.aary-flip{animation:afloat 5s ease-in-out infinite}
.aary-plane{animation:afly 5s ease-in-out infinite}
.aary-peek{animation:apeek 4s ease-in-out infinite}
.aary-peek.p2{animation-delay:1.3s}
.aary-doodle.ball{animation:abob 4s ease-in-out infinite}
.aary-doodle.ring{animation:abob 6s ease-in-out infinite reverse}
.aary-bigword{transform:translateX(var(--slide,0px))}
[data-aary-slide]{transform:translate3d(var(--sl,0px),0,0);will-change:transform}
.aary-parallax{transform:translate3d(0,var(--py,0px),0)}
.aary-reveal{opacity:0;translate:0 30px;transition:opacity .8s cubic-bezier(.2,.7,.2,1),translate .8s cubic-bezier(.3,1.4,.5,1);transition-delay:var(--d,0s)}
.aary-reveal.is-in{opacity:1;translate:0 0}
@keyframes aspin{to{transform:rotate(360deg)}}
@keyframes aspinR{to{transform:rotate(344deg) scaleY(.38)}}
@keyframes abob{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes amorph{0%,100%{border-radius:46% 54% 52% 48%/50% 44% 56% 50%}33%{border-radius:58% 42% 45% 55%/42% 58% 42% 58%}66%{border-radius:40% 60% 56% 44%/56% 40% 60% 44%}}
@keyframes amarq{to{transform:translateX(-50%)}}
@keyframes awig{0%,100%{rotate:0deg}50%{rotate:6deg}}
@keyframes ablink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.1)}}
@keyframes adash{to{stroke-dashoffset:-32}}
@keyframes afloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes afly{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(10px,-16px) rotate(4deg)}}
@keyframes apeek{0%,100%{transform:translateY(40%)}40%,60%{transform:translateY(0)}}
@media (max-width:781px){.aary-hero{margin-top:-74px}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .aary-reveal{opacity:1;translate:none}
  [data-aary-slide],.aary-parallax,.aary-bigword{transform:none!important}
  .aary-scrollbar{display:none}
}
.aary-mascot{transform:translate3d(0,var(--py,0px),0)}

/* starfield motion: twinkle, slow drift, shooting stars */
.aary-spark{animation:atwinkleS var(--t,3s) ease-in-out infinite,adrift var(--m,20s) ease-in-out infinite;animation-delay:var(--d,0s),var(--d,0s)}
.aary-dot{animation:atwinkle var(--t,3s) ease-in-out infinite;animation-delay:var(--d,0s)}
.aary-planet{animation:aorbit 26s ease-in-out infinite}
.aary-planet.p2{animation-duration:32s;animation-direction:reverse}
.aary-planet.p3{animation-duration:22s;animation-delay:-6s}
.aary-shoot{animation:ashoot 10.5s linear infinite;animation-delay:var(--d,0s)}
@keyframes atwinkle{0%,100%{opacity:.25;transform:scale(.6)}50%{opacity:1;transform:scale(1.2)}}
@keyframes atwinkleS{0%,100%{opacity:.45;scale:.65;rotate:0deg}50%{opacity:1;scale:1.15;rotate:45deg}}
@keyframes adrift{0%,100%{translate:0 0}33%{translate:14px -10px}66%{translate:-10px 8px}}
@keyframes aorbit{0%,100%{translate:0 0;rotate:0deg}50%{translate:-24px 18px;rotate:-12deg}}
@keyframes ashoot{0%{opacity:0;translate:0 0}2%{opacity:1}9%{opacity:0;translate:-260px 140px}100%{opacity:0;translate:-260px 140px}}