.math-depth-scene{position:absolute;inset:0;overflow:hidden;perspective:850px;isolation:isolate;background:#041024;--dx:0px;--dy:0px}.math-depth-layer{position:absolute;inset:-3%;background-image:url('mathematics-focused-3d.png');background-size:cover;background-position:center;pointer-events:none;will-change:transform;transform-origin:50% 39%}.depth-far{opacity:.85;filter:brightness(.76);animation:depth-far 24s ease-in-out infinite alternate}.depth-middle{mask-image:radial-gradient(ellipse 70% 42% at 50% 55%,#000 30%,transparent 95%);animation:depth-middle 24s ease-in-out infinite alternate}.depth-front{mask-image:linear-gradient(transparent 52%,#000 78%);filter:brightness(1.06);animation:depth-front 24s ease-in-out infinite alternate}.depth-globe{mask-image:radial-gradient(ellipse 23% 29% at 49% 25%,#000 60%,transparent 100%);animation:depth-globe 24s ease-in-out infinite alternate}.depth-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 36%,transparent 20%,#04102433 65%,#04102499 100%);z-index:4}.depth-caption{position:absolute;bottom:18px;left:18px;right:18px;z-index:5;color:#f5f5f5;font-size:.75rem;letter-spacing:.11em;text-shadow:0 2px 12px #000;padding:10px 12px;background:#041024aa;border-left:2px solid #C8102E;pointer-events:none}.has-depth-scene>.math-art{visibility:hidden}.has-depth-scene>.art-shimmer{z-index:6;opacity:.2}.visuals-paused .math-depth-layer{animation-play-state:paused!important}.visuals-paused .math-depth-scene{--dx:0px;--dy:0px}@keyframes depth-far{from{transform:translate(calc(var(--dx)*.25),calc(var(--dy)*.25)) scale(1)}to{transform:translate(calc(var(--dx)*.25),calc(var(--dy)*.25)) scale(1.11)}}@keyframes depth-middle{from{transform:translate(calc(var(--dx)*.65),calc(var(--dy)*.65)) scale(1)}to{transform:translate(calc(var(--dx)*.65),calc(var(--dy)*.65)) scale(1.21)}}@keyframes depth-front{from{transform:translate(var(--dx),var(--dy)) scale(1.02)}to{transform:translate(var(--dx),var(--dy)) scale(1.36)}}@keyframes depth-globe{from{transform:translate(calc(var(--dx)*.4),calc(var(--dy)*.4)) scale(1)}to{transform:translate(calc(var(--dx)*.4),calc(var(--dy)*.4)) scale(1.15)}}@media(max-width:780px){.math-depth-layer{animation-duration:30s}.depth-caption{font-size:.75rem;letter-spacing:.05em}}@media(prefers-reduced-motion:reduce){.math-depth-layer{animation:none!important;transform:none!important}.math-depth-scene{--dx:0px;--dy:0px}}

