/* Menu-specific atmospheric backgrounds and original vector scenes. */
.page-intro:has(.menu-scene){--scene-color:#89bcf4;background:radial-gradient(ellipse at 85% 45%,#24456a 0,transparent 57%),#101923}
.page-intro:has(.scene-solution){--scene-color:#9ce8dc;background:radial-gradient(ellipse at 85% 45%,#17483e,transparent 57%),#0d1c20}
.page-intro:has(.scene-mobile){--scene-color:#e8b3f3;background:radial-gradient(ellipse at 85% 45%,#503154,transparent 57%),#201627}
.page-intro:has(.scene-projects){--scene-color:#efb287;background:radial-gradient(ellipse at 85% 45%,#634034,transparent 57%),#241b1b}
.page-intro:has(.scene-company){--scene-color:#8fe0cf;background:radial-gradient(ellipse at 85% 45%,#1c4e54,transparent 57%),#102329}
.page-intro:has(.scene-contact){--scene-color:#ffa99d;background:radial-gradient(ellipse at 85% 45%,#5c354c,transparent 57%),#221820}
.page-intro:has(.scene-location){--scene-color:#bddcac;background:radial-gradient(ellipse at 85% 45%,#374f37,transparent 57%),#18231e}
.page-intro:has(.scene-support){--scene-color:#f2d28b;background:radial-gradient(ellipse at 85% 45%,#5a4c29,transparent 57%),#242117}
.page-intro:has(.scene-ai-build){--scene-color:#b6a5ff;background:radial-gradient(ellipse at 85% 45%,#45367d,transparent 57%),#19162e}
.page-intro:has(.scene-ai-repair){--scene-color:#8ae0f3;background:radial-gradient(ellipse at 85% 45%,#205268,transparent 57%),#111f2d}
.page-intro:has(.scene-privacy){--scene-color:#b1c7e1;background:radial-gradient(ellipse at 85% 45%,#33445c,transparent 57%),#17202c}
.menu-scene{color:var(--scene-color)}.menu-art{position:absolute;inset:6% 3%;width:94%;height:88%;filter:drop-shadow(0 10px 22px #0004)}.menu-scene .scene-glow{background:radial-gradient(ellipse,color-mix(in srgb,var(--scene-color) 17%,transparent),transparent 68%);animation:menu-glow 8s ease-in-out infinite alternate}.menu-scene .scene-orbit{border-color:color-mix(in srgb,var(--scene-color) 25%,transparent)}.menu-scene .chip-one{top:7%;right:3%;color:var(--scene-color);background:#15212ce6}.menu-scene .scene-coordinate{left:22%;bottom:3%;color:var(--scene-color);opacity:.65}.menu-scene .status-dot{background:var(--scene-color);box-shadow:0 0 12px currentColor}.art-accent{stroke:#ffb39e;stroke-width:3}.art-drift{animation:menu-drift 9s ease-in-out infinite}.art-rotate{transform-origin:260px 190px;animation:menu-turn 32s linear infinite}.art-pulse{animation:menu-pulse 5s ease-in-out infinite alternate;fill:color-mix(in srgb,var(--scene-color) 12%,transparent)}.art-satellite{animation:menu-drift 7s ease-in-out infinite reverse}.art-route{stroke-dasharray:12 8;animation:menu-route 6s linear infinite}.art-grid{opacity:.6}
@keyframes menu-drift{50%{transform:translateY(-12px)}}@keyframes menu-turn{to{transform:rotate(360deg)}}@keyframes menu-pulse{to{opacity:.45}}@keyframes menu-route{to{stroke-dashoffset:-100}}@keyframes menu-glow{to{opacity:.5;transform:scale(1.15)}}
@media(max-width:650px){.menu-scene .chip-one{top:4%;right:8%}.menu-art{inset:4% 8%;width:84%;height:92%}.page-intro:has(.menu-scene){background-position:center}}
@media(prefers-reduced-motion:reduce){.menu-scene *{animation:none!important}}

/* Solid glass faces, extruded edges and a perspective stage. */
.depth-object{position:absolute;inset:0;transform-style:preserve-3d;animation:depth-float 12s ease-in-out infinite;transform:rotateX(10deg) rotateY(-19deg) rotateZ(-5deg)}
.menu-art{overflow:visible;filter:drop-shadow(18px 28px 18px #0006)}
.depth-back{opacity:.7;color:#050c19;filter:blur(.3px)}
.depth-back *{animation:none!important}
.depth-face{filter:drop-shadow(0 -1px 0 #ffffff55)}
.depth-face .art-rotate{animation:depth-turn 18s ease-in-out infinite;transform-origin:260px 190px}
.depth-mesh{stroke-width:.65;stroke-opacity:.3;animation:menu-drift 11s ease-in-out infinite}
.scene-company .depth-face>.art-rotate{opacity:.35}
.scene-ai-build .depth-face>.art-rotate{stroke-width:2;stroke-opacity:.75}
.depth-floor{position:absolute;width:78%;height:32%;left:12%;bottom:0;border-radius:50%;background:radial-gradient(ellipse,#0008,transparent 65%);transform:rotateX(65deg);border:1px solid #ffffff12;box-shadow:0 0 55px #0002}
.menu-scene .orbit-a{width:86%;height:85%;left:7%;top:10%;transform:rotateX(65deg) rotateY(-18deg) rotateZ(-25deg);box-shadow:0 1px 0 #ffffff35,0 12px 30px #0003;border-width:2px}
.menu-scene .orbit-b{width:72%;height:86%;left:14%;top:5%;transform:rotateY(64deg) rotateZ(30deg);border-color:#ffffff1a}
.depth-ball{position:absolute;border-radius:50%;background:radial-gradient(circle at 28% 22%,#fff,var(--scene-color) 13%,#34465b 55%,#080f1c 83%);box-shadow:14px 20px 22px #0005,inset -4px -6px 12px #0004;animation:depth-bob 8s ease-in-out infinite}
.ball-one{width:48px;height:48px;left:13%;top:22%}.ball-two{width:25px;height:25px;right:13%;bottom:17%;animation-delay:-4s;background:radial-gradient(circle at 28% 22%,#fff3df,#ffac92 20%,#a54d48 55%,#351d2a 83%)}
.depth-stars{fill:#ffb49d;stroke:#ffd9cc;filter:drop-shadow(0 0 7px #ffac92);animation:menu-pulse 4s ease-in-out infinite alternate}
.menu-scene .art-grid{opacity:.95}.menu-scene .art-accent{filter:drop-shadow(0 0 5px #ff987966)}
.menu-scene .art-satellite{fill:var(--scene-color);fill-opacity:.22;stroke-width:2}
@keyframes depth-float{0%,100%{transform:translateY(4px) rotateX(10deg) rotateY(-19deg) rotateZ(-5deg)}50%{transform:translateY(-10px) rotateX(-3deg) rotateY(12deg) rotateZ(3deg)}}
@keyframes depth-turn{50%{transform:rotate(12deg) scale(.96)}}
@keyframes depth-bob{50%{transform:translate3d(8px,-18px,30px)}}
@media(max-width:650px){.ball-one{width:30px;height:30px;left:18%}.ball-two{width:18px;height:18px;right:18%}.depth-floor{bottom:3%}.menu-scene .chip-one{z-index:2}}
@media(prefers-reduced-motion:reduce){.depth-object,.menu-scene *{animation:none!important}}