/* Native motion: no external animation service or tracking dependency. */
.canary-reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;z-index:80;background:linear-gradient(90deg,#ffd149,#68dcea);transform-origin:left;transform:scaleX(var(--reading-progress,0));pointer-events:none;box-shadow:0 0 12px #ffd14955}
.motion-card{transition:transform .32s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s;transform-style:preserve-3d}
@media(hover:hover) and (pointer:fine){
 body .motion-card:hover{transform:perspective(1100px) rotateX(var(--motion-rx,0deg)) rotateY(var(--motion-ry,0deg)) translateY(-4px);border-color:#ffd14980;box-shadow:0 18px 38px #0004,0 0 22px #ffd1490a}
 .motion-card svg,.motion-card .service-icon{transition:transform .3s ease}
 .motion-card:hover svg,.motion-card:hover .service-icon{transform:translateY(-3px)}
 body .btn,.canary-showcase-copy a,.canary-showcase-toolbar button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}
 body .btn:hover,.canary-showcase-copy a:hover{translate:0 -2px;box-shadow:0 8px 24px #0003}
 body .btn:active,.canary-showcase-copy a:active{translate:0 0;scale:.98}
}
.motion-scene-enter .halloween-scene{animation:canary-scene-arrive 4.5s cubic-bezier(.2,.7,.2,1) both}
@keyframes canary-scene-arrive{from{transform:scale(1.035)}to{transform:scale(1)}}
.canary-motion-orbit{position:absolute;inset:15% 12% 13%;z-index:1;border:1px solid #ffd14924;border-radius:50%;transform:rotate(-18deg);pointer-events:none}
.canary-motion-orbit:before{content:"";position:absolute;inset:14%;border:1px dashed #a8d8eb26;border-radius:50%}
.canary-motion-orbit:after{content:"";position:absolute;left:16%;top:13%;width:7px;height:7px;background:#ffd149;border-radius:50%;box-shadow:0 0 16px #ffd14990}
.motion-scene-enter .canary-motion-orbit{animation:canary-orbit-arrive 4.5s cubic-bezier(.2,.7,.2,1) both}
@keyframes canary-orbit-arrive{from{transform:rotate(-45deg) scale(.96);opacity:.2}to{transform:rotate(-18deg) scale(1);opacity:1}}
@media(max-width:760px){.canary-reading-progress{height:2px}.canary-motion-orbit{inset:18% 8% 14%}}
@media(prefers-reduced-motion:reduce){
 .canary-reading-progress{display:none}
 body .motion-card,body .btn,.canary-showcase-copy a,.canary-showcase-toolbar button,.motion-card svg,.motion-card .service-icon{transition:none!important}
 body .motion-card:hover,.motion-card:hover svg,.motion-card:hover .service-icon{transform:none}
 body .btn:hover,body .btn:active,.canary-showcase-copy a:hover,.canary-showcase-copy a:active{translate:none;scale:1}
 .motion-scene-enter .halloween-scene,.motion-scene-enter .canary-motion-orbit{animation:none}
}