/* Moving scenery is decorative; finance controls remain stationary. */
body.motion-enabled::before{inset:-5%;animation:scenery-drift 28s ease-in-out infinite alternate;transform-origin:50% 60%;will-change:transform}
body.motion-enabled .brand{perspective:700px;transform-style:preserve-3d}
body.motion-enabled .brand-logo{animation:logo-hover 7s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 14px 9px #203f3224);will-change:transform}
.ambient-landscape{position:fixed;inset:-10%;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.ambient-landscape::before,.ambient-landscape::after{content:"";position:absolute;inset:15% -25% -15%;background:radial-gradient(ellipse at 28% 68%,#fffdf2b3 0,transparent 48%),radial-gradient(ellipse at 78% 84%,#edf1ddb3 0,transparent 43%);opacity:.52;animation:ambient-mist 24s ease-in-out infinite alternate;will-change:transform}
.ambient-landscape::after{inset:-30% -20% 35%;background:radial-gradient(ellipse at 75% 38%,#e6c98738,transparent 42%),radial-gradient(ellipse at 20% 60%,#fbf9ef80,transparent 40%);animation-duration:33s;animation-direction:alternate-reverse}
body:not(.motion-enabled) .ambient-landscape{display:none}
#content.nav-mist::after{display:none!important}
#content.nav-mist>.card,#content.nav-mist>.kpis,#content.nav-mist>.grid{animation:none!important}
#content.depth-arrival::after{content:"";position:absolute;inset:-12px;z-index:3;pointer-events:none;border-radius:20px;background:linear-gradient(110deg,transparent 10%,#f4f4e380 43%,#fffdf5bd 51%,transparent 77%);animation:depth-mist .65s ease-out both}
#motion-toggle{font-size:12px;padding:7px 10px;min-height:34px;white-space:nowrap;background:#edf0e4}
@keyframes scenery-drift{from{transform:translate3d(calc(var(--scene-x,0px) - 9px),calc(var(--scene-y,0px) + 5px),0) scale(1.025)}to{transform:translate3d(calc(var(--scene-x,0px) + 9px),calc(var(--scene-y,0px) - 7px),0) scale(1.06)}}
@keyframes logo-hover{0%,100%{transform:translateY(0) rotateX(calc(var(--logo-x,0deg) + 3deg)) rotateY(calc(var(--logo-y,0deg) - 7deg))}50%{transform:translateY(-7px) rotateX(calc(var(--logo-x,0deg) - 3deg)) rotateY(calc(var(--logo-y,0deg) + 7deg))}}
@keyframes ambient-mist{from{transform:translate3d(-3%,1%,0) scale(1)}to{transform:translate3d(4%,-2%,0) scale(1.08)}}
@keyframes depth-mist{from{opacity:.8;transform:translateX(-22px)}to{opacity:0;transform:translateX(32px)}}
body.motion-paused::before,body.motion-paused .brand-logo,body.motion-paused .ambient-landscape::before,body.motion-paused .ambient-landscape::after{animation-play-state:paused!important}
@media(max-width:760px){body.motion-enabled::before{animation-duration:36s}.ambient-landscape::after{display:none}body.motion-enabled .brand-logo{animation-duration:9s}#motion-toggle{padding:5px 8px}}
@media(prefers-reduced-motion:reduce){body.motion-enabled::before,body.motion-enabled .brand-logo,.ambient-landscape::before,.ambient-landscape::after{animation:none!important;transform:none!important;will-change:auto!important}.ambient-landscape,#content.depth-arrival::after{display:none!important}}
/* Keep the logo blended into the sidebar: filters and 3D compositing expose its white canvas. */
body.motion-enabled .brand{perspective:none;transform-style:flat}
body.motion-enabled .brand-logo,.brand-logo{animation:none!important;transform:none!important;filter:none!important;will-change:auto!important;mix-blend-mode:multiply;box-shadow:none;background:transparent}