/* A-only autonomous architectural film. No model controls or category navigation. */
.position-orbit.has-spatial-model { height:660px; min-height:660px; isolation:isolate; }
.position-orbit > .position-node,.position-orbit > .position-core { display:none; }
.has-spatial-model > .district-model,.has-spatial-model > .district-note { display:none; }
.spatial-viewer { position:absolute; inset:0; pointer-events:none; }
.spatial-viewer::before { content:''; position:absolute; inset:4% -3% 4%; background:radial-gradient(ellipse at 50% 52%,#8bc4df0b,transparent 66%); }
.spatial-canvas { position:absolute; top:-1%; left:-4%; width:108%; height:100%; pointer-events:none; }
.spatial-note { position:absolute; bottom:0; right:12px; color:#8194a1; font-size:12px; letter-spacing:.035em; }
.spatial-intelligence { position:absolute; inset:0; pointer-events:none; opacity:0; }
.spatial-intelligence-heading { position:absolute; top:0; left:2%; display:flex; align-items:center; gap:10px; color:#8398a4; font-size:12px; letter-spacing:.14em; }
.spatial-intelligence-heading > i { width:4px; height:4px; background:#a1dfec; border-radius:50%; box-shadow:0 0 10px #92e3f366; }
.spatial-intelligence-heading > b { font-weight:400; letter-spacing:.04em; color:#a9bec7; }
.spatial-leaders { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.spatial-callout { position:absolute; width:156px; padding:9px 0 10px 11px; border-left:1px solid color-mix(in srgb,var(--layer-color) 42%,transparent); background:linear-gradient(90deg,#09121be8,#09121b96 78%,transparent); color:#d9e7ed; opacity:0; transition:filter .4s; }
.spatial-callout-0 { left:0; top:68%; }
.spatial-callout-1 { right:0; top:52%; }
.spatial-callout-2 { left:0; top:23%; }
.spatial-callout-3 { right:0; top:8%; }
.spatial-callout-tag { display:block; color:var(--layer-color); font-size:12px; font-weight:400; letter-spacing:.065em; line-height:1.4; }
.spatial-callout strong { display:flex; align-items:center; gap:9px; margin:6px 0 4px; font-size:16px; line-height:1.4; font-weight:500; letter-spacing:.045em; }
.spatial-callout strong > i { width:4px; height:4px; border-radius:50%; background:var(--layer-color); opacity:.3; }
.spatial-callout-detail { color:#adbdc8; font-size:12px; line-height:1.5; white-space:nowrap; }
.spatial-callout-track { display:block; position:relative; overflow:hidden; width:70px; height:1px; margin-top:9px; background:#718d9b35; }
.spatial-callout-track > i { position:absolute; left:0; top:0; width:23px; height:1px; background:var(--layer-color); transform:translateX(calc(var(--track,0) * 80px - 23px)); }
.spatial-callout.is-active { filter:brightness(1.18); }
.spatial-callout.is-active strong > i { opacity:1; box-shadow:0 0 8px var(--layer-color); }
@media(max-width:1500px) and (min-width:901px) {
  .position-layout { gap:40px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
  .position-orbit.has-spatial-model { min-height:600px; height:600px; }
}
@media(max-width:900px) {
  .position-orbit.has-spatial-model { min-height:510px; height:510px; }
  .spatial-canvas { left:0; width:100%; }
}
@media(max-width:600px) {
  .spatial-intelligence-heading,.spatial-leaders { display:none; }
  .spatial-callout { width:145px; padding:6px 0 7px 8px; }
  .spatial-callout strong { font-size:14px; margin:4px 0; }
  .spatial-callout-0,.spatial-callout-1 { top:77%; }
  .spatial-callout-2,.spatial-callout-3 { top:3%; }
  .spatial-callout-track { margin-top:5px; }
  .spatial-note { right:0; font-size:12px; }
}