/* Animated spatial backdrop: separate near architecture, floor and distant horizon. */
.msp{isolation:isolate}.msp-scene{z-index:-4;inset:-10%;opacity:.9!important;background-position:50% 55%;filter:contrast(1.17) saturate(.95);transform-origin:65% 50%;animation:msp-far-camera 24s ease-in-out infinite alternate!important;will-change:transform}.msp-light{z-index:-1;background:linear-gradient(180deg,#d2e7f43d,transparent 40%,#e7f4fc4d)!important;pointer-events:none}.msp-depth{position:absolute;inset:0;z-index:-2;overflow:hidden;perspective:950px;perspective-origin:62% 48%;pointer-events:none}.msp-depth-camera{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:62% 48%;animation:msp-room-turn 24s ease-in-out infinite alternate;will-change:transform}.msp-depth-frame{position:absolute;left:2%;top:14%;width:96%;height:70%;border:3px solid #b6e6f0a6;border-left:18px solid #d8f3fbd9;border-top:12px solid #f6fdffe6;border-radius:34px 34px 6px 6px;box-shadow:inset 2px 1px 0 #22698755,6px 7px 0 #0c557227,0 0 35px #b9e6ff33;transform:translateZ(calc(var(--distance)*-210px));opacity:calc(.67 - var(--distance)*.055)}.msp-depth-floor{position:absolute;left:-60%;top:66%;width:220%;height:170%;transform-origin:50% 0;transform:rotateX(76deg);background-image:linear-gradient(#c7e6f37a 2px,transparent 2px),linear-gradient(90deg,#5f99b64d 2px,transparent 2px),linear-gradient(#effaff38,#badbe766);background-size:110px 110px,110px 110px,100% 100%;box-shadow:0 -4px 20px #c2edff66}.msp-depth-horizon{position:absolute;left:8%;top:22%;width:90%;height:60%;transform:translateZ(-1450px);border-radius:50%;background:radial-gradient(ellipse,#ffffffcc 0%,#9bdaf570 36%,transparent 67%);box-shadow:0 0 100px #87c4e344}.msp-orbit-glow{opacity:.35}.msp-hero h1{text-shadow:0 2px 14px #eefaffc9}.msp-hero p{color:#234c67!important;text-shadow:0 1px 6px white}.msp-toolbar>span{background:#f4fbffad;padding:5px 9px;border-radius:7px}
@keyframes msp-far-camera{0%{transform:perspective(1600px) rotateX(3deg) rotateY(-7deg) scale(1.13) translate3d(-2%,-1%,0)}50%{transform:perspective(1600px) rotateX(-2deg) rotateY(1deg) scale(1.08) translate3d(0,1%,0)}100%{transform:perspective(1600px) rotateX(-5deg) rotateY(7deg) scale(1.14) translate3d(2%,2%,0)}}
@keyframes msp-room-turn{0%{transform:rotateX(8deg) rotateY(-12deg) translate3d(-2%,-2%,25px)}50%{transform:rotateX(0deg) rotateY(0deg) translate3d(0,0,85px)}100%{transform:rotateX(-8deg) rotateY(12deg) translate3d(2%,2%,25px)}}
.msp-paused .msp-depth-camera,.msp-paused .msp-scene,.msp-depth-rest .msp-depth-camera,.msp-depth-rest .msp-scene,.msp-depth-background .msp-depth-camera,.msp-depth-background .msp-scene{animation-play-state:paused!important}
@media(max-width:600px){.msp-depth{perspective:650px;perspective-origin:60% 46%}.msp-depth-frame{left:-12%;width:124%;border-left-width:10px;border-top-width:7px}.msp-depth-floor{background-size:75px 75px,75px 75px,100% 100%}.msp-scene{background-position:45% center}}
@media(prefers-reduced-motion:reduce){.msp-scene,.msp-depth-camera{animation:none!important;will-change:auto}.msp-depth-camera{transform:rotateY(-7deg)}}