.orbit-stage{perspective:1400px}
.orbit-art{transform-style:preserve-3d;transform:rotateX(var(--effect-rx,0deg)) rotateY(var(--effect-ry,0deg));transition:transform 450ms cubic-bezier(.2,.65,.3,1)}
.orbit-identities{transform-style:preserve-3d}
.orbit-stage.effects-active .orbit-dashboard{pointer-events:auto}
.orbit-dashboard.signal,.orbit-identity.signal{border-color:#a7e2ff;box-shadow:0 4px #284554,0 0 18px #72c9f530}
.orbit-signals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
.orbit-effects-control{position:absolute;right:5%;bottom:65px;z-index:6;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:7px 12px;font:10px inherit}
.orbit-effects-note{position:absolute;left:5%;bottom:76px;font-size:9px;color:var(--muted);pointer-events:none}
@media(max-width:767px),(prefers-reduced-motion:reduce){.orbit-art{transform:none!important;transition:none}.orbit-signals{display:none}.orbit-effects-note,.orbit-effects-control{display:none}}
/* A feathered pointer neighbourhood brings earlier layers into focus. */
@media(min-width:768px) and (hover:hover) and (pointer:fine){
 .orbit-identity.can-surface{pointer-events:auto;transition:opacity 260ms ease,filter 260ms ease,box-shadow 260ms ease}
 .orbit-identity.can-surface.is-background{filter:blur(calc(.55px * (1 - var(--near-focus,0)))) saturate(calc(.65 + .35 * var(--near-focus,0)))}

}

.orbit-identity.orbit-atlas-mark{width:63px;height:63px;border-radius:18px;background:var(--surface)}
.orbit-identity.orbit-atlas-mark img{width:36px;height:36px;object-fit:contain;padding:0;border-radius:7px;background:#f2eee3}
@media(max-width:767px){.orbit-identity.orbit-atlas-mark{width:48px;height:48px}}
/* Identity depth is quieter than the infrastructure panes; faces stay upright. */
.orbit-identity[data-family=tools]:not(.signal){box-shadow:0 2px 0 color-mix(in srgb,var(--line) 30%,transparent),0 9px 22px #0014230d}
.orbit-portrait{box-shadow:0 1px 0 color-mix(in srgb,var(--line) 25%,transparent),0 12px 26px #00142312}
html[data-theme=dark] .orbit-identity[data-family=tools]:not(.signal){box-shadow:0 2px 0 #30435355,0 10px 24px #0003}
html[data-theme=dark] .orbit-portrait{box-shadow:0 1px 0 #30435355,0 12px 28px #0004}
@media(max-width:767px){
 .orbit-identity[data-family=tools]:not(.signal){box-shadow:0 1px 0 color-mix(in srgb,var(--line) 30%,transparent),0 5px 14px #00142309}
 .orbit-portrait{box-shadow:0 1px 0 color-mix(in srgb,var(--line) 25%,transparent),0 7px 17px #0014230c}
}