/* GESTALT Atlas: a dedicated exhibition for spatial, connected information. */
.atlas{max-width:1480px;border:1px solid #385268;border-radius:22px;overflow:hidden;background:#0d1c2a;box-shadow:0 35px 110px #0005;margin-top:12px;isolation:isolate}
.atlas .studio-header{padding:42px 36px 30px;align-items:center;background:radial-gradient(ellipse at 0 0,#20425b,transparent 75%),#101e2d;gap:36px}.atlas .studio-header h2{font-size:clamp(27px,3vw,42px);font-weight:400;letter-spacing:-1.4px;max-width:760px;line-height:1.15}.atlas .studio-header .eyebrow{color:#9ad6e5;font-size:10px;letter-spacing:1.8px}.atlas .studio-header .sim-badge{font-size:9px;background:#102b3a;border:1px solid #476977;color:#adcad3;padding:12px;max-width:230px;line-height:1.65;border-radius:6px}
.atlas .studio-tabs{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));padding:0 22px 22px;gap:5px;background:#101e2d;overflow:visible}.atlas .studio-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;white-space:normal;gap:12px;padding:14px 12px;min-height:96px;background:#142736;border:1px solid #2d485b;border-radius:8px;color:#a9c0ce;text-align:left;position:relative;overflow:hidden;transition:background .3s,transform .3s,border-color .3s}.atlas-tab-index{font:10px Consolas,monospace;color:#71a4be}.atlas-tab-name{font-size:12px;line-height:1.4}.atlas .studio-tabs button:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:2px;background:#67cddb;transform:scaleX(0);transform-origin:left;transition:transform .35s}.atlas .studio-tabs button:hover{transform:translateY(-3px);background:#1a3648;border-color:#598797}.atlas .studio-tabs button[aria-selected=true]{background:#d3eced;color:#10323d;box-shadow:0 7px 25px #81d2e011;border-color:#d6faff}.atlas .studio-tabs button[aria-selected=true] .atlas-tab-index{color:#467b86}.atlas .studio-tabs button[aria-selected=true]:after{transform:scaleX(1);background:#2c8090}
.atlas .studio-guide{padding:15px 26px;background:#142c3c;border-top:1px solid #314b5c;border-bottom:1px solid #314b5c}.atlas .studio-guide p{font-size:12px;color:#adc8d4}.atlas .studio-guide button{background:#aadfe5;color:#143641;border-color:#c9f5f7;box-shadow:none;font-weight:500;font-size:12px;padding:12px 19px;border-radius:30px}.atlas-case{display:grid;grid-template-columns:60px 1fr;align-items:start;gap:20px;padding:30px 30px 26px;background:#0f2130}.atlas-case>span{font:11px Consolas,monospace;color:#71bed0;border-top:1px solid #619bad;padding-top:11px}.atlas-case h3{font-weight:400;color:#e1f1f4;letter-spacing:-.65px;line-height:1.15;font-size:27px;margin:5px 0 10px}.atlas-case p{font-size:13px;color:#99b7c7;line-height:1.6;margin:0}
.atlas .studio-toolbar{background:#102535;padding:12px 26px;border-color:#304b5c}.atlas .studio-identity{color:#99c6d2;font-size:10px}.atlas .view-controls button{font-size:10px;background:#183345;border-color:#365b6c;color:#aacad4;min-height:36px;padding:8px 13px;border-radius:5px}.atlas .view-controls button[aria-pressed=true]{background:#bddde1;color:#143843;border-color:#ceeef0}.atlas #view-motion{min-width:100px}.atlas .studio-grid{grid-template-columns:minmax(0,1fr) 290px}
.atlas .studio-stage{min-height:680px;background:radial-gradient(ellipse at 50% 38%,#e7edef 0,#bbcdd5 58%,#8aa4b1 100%);position:relative}.atlas-backdrop{position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(#1d5b6d26 1px,transparent 1px),linear-gradient(90deg,#1d5b6d26 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(transparent,black);transform:perspective(600px) rotateX(55deg) scale(2);transform-origin:center 80%}.atlas #studio-canvas{z-index:1}.atlas-corner{position:absolute;z-index:2;top:23px;left:24px;right:24px;display:flex;justify-content:space-between;font:9px Consolas,monospace;letter-spacing:1px;color:#3d626f;pointer-events:none}.atlas-corner>span:last-child{font-size:8px;letter-spacing:.6px;color:#4e707a}
.atlas-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.atlas .atlas-pin{position:absolute;top:0;left:0;min-height:32px;display:flex;align-items:center;gap:7px;pointer-events:auto;border:0;background:transparent;padding:5px 7px 5px 0;color:#173c49;transform-origin:left center;cursor:pointer;filter:drop-shadow(0 2px 3px #223c4130)}.atlas-pin i{display:block;width:12px;height:12px;border:3px solid #eafcff;background:#307b93;border-radius:50%;box-shadow:0 0 0 1px #2d6a80;flex-shrink:0}.atlas-pin span{font:10px Consolas,monospace;background:#f0faf9e8;border:1px solid #7a9da5;padding:6px 9px;border-radius:4px;white-space:nowrap}.atlas-pin.is-selected i{background:#185161;box-shadow:0 0 0 4px #b8edf070;animation:atlas-pulse 3s ease-out infinite}.atlas-pin.is-selected span{background:#153f50;color:#e5faff;border-color:#78bccc}.atlas-pin.is-event i{background:#dc8b25;box-shadow:0 0 0 4px #f8c17355}.atlas-pin.is-event span{background:#725020;color:#fff0d4;border-color:#d9b781}
.atlas .stage-kpis{z-index:6;top:auto;bottom:77px;left:22px;right:22px;gap:8px}.atlas .stage-kpi{max-width:180px;padding:12px 13px;background:#e9f3f4e8;border:1px solid #83a2adc9;box-shadow:0 7px 16px #22434f12;backdrop-filter:blur(8px);border-radius:6px}.atlas .stage-kpi>span{color:#406575;font-size:10px}.atlas .stage-kpi strong{color:#153c4c;font-size:23px}.atlas .stage-kpi:hover{border-color:#315d73;transform:translateY(-3px)}.atlas .stage-caption{top:46px;bottom:auto;left:24px;right:24px;color:#416370;display:flex;flex-direction:column;gap:4px;z-index:2;font-size:8px}.atlas .stage-caption>span:first-child{color:#2a5366;max-width:none;font-size:9px}.atlas .stage-caption .is-warning{color:#805315!important}.atlas #stage-hint{opacity:.8}.atlas .stage-legend{display:none}.atlas .layer-controls{left:22px;bottom:22px;gap:5px;z-index:7}.atlas .layer-controls button{background:#eef6f5d9;color:#335b69;border:1px solid #829ea8;border-radius:5px;font-size:10px;min-height:34px;padding:8px 12px;backdrop-filter:blur(8px)}.atlas .layer-controls button[aria-pressed=true]{background:#214f60;color:#e1f5f6;border-color:#214f60}
.atlas .studio-inspector{padding:25px 22px;background:linear-gradient(150deg,#183245,#102432);border-color:#314e5e}.atlas .inspector-top{color:#a2c1cd;font-size:9px;margin-bottom:25px}.atlas #asset-tag{color:#a7e1e4}.atlas .studio-inspector label{font-size:11px;color:#a1bdca}.atlas .studio-inspector select{background:#1a3c4e;border-color:#487285;color:#dbecf0;font-size:12px;min-height:42px}.atlas .signal-reading{margin:28px 0 22px}.atlas .signal-reading>strong{font-size:47px;font-weight:300;letter-spacing:-2px;color:#e8f5f5}.atlas .signal-reading>span{color:#93bccb}.atlas .signal-reading>span:last-child{font-size:9px;color:#86c7d1}.atlas .inspector-nav button{font-size:11px;color:#a3bfcc}.atlas .inspector-nav button[aria-pressed=true]{color:#c9f1ee;border-color:#81d5d6}.atlas #signal-chart{height:130px}.atlas .trend-legend{font-size:9px;color:#90b1c1}.atlas .decision-box p{font-size:12px;color:#c2d6de;line-height:1.7}.atlas .decision-box{border-left-color:#87cfd2;margin-top:25px}.atlas .decision-box>span{font-size:9px;color:#a4e1e1}.atlas #focus-asset{background:#244e61;border-color:#537e8f;color:#def4f5;min-height:42px;font-size:11px}.atlas .inspector-disclaimer{font-size:9px;color:#91b0c0;line-height:1.7}.atlas #record-panel>p{font-size:10px;line-height:1.7}.atlas .record-row{font-size:10px}.atlas .studio-timeline{background:#132c3c;border-color:#3c5969;padding:24px 28px}.atlas .studio-timeline>button{background:#a1d6dc;color:#163c49;border:1px solid #badfe2}.atlas #timeline-issue{background:#493c2f;border-color:#8f775d;color:#efcf9c}.atlas #timeline-issue[aria-pressed=true]{background:#a6cbd0;color:#183f4c;border-color:#c7e6e8}.atlas .timeline-track input{accent-color:#9cddde}.atlas .timeline-track output{color:#b4e4e5}.atlas .timeline-track label{font-size:9px;color:#a2c2cf}.atlas .timeline-marks{color:#8fb1c1;font-size:9px}
.atlas .studio-evidence{background:#102535;border-color:#2e4c5c;gap:38px;padding:28px}.atlas .studio-evidence>div>span{color:#9ad8dc}.atlas #related-assets button{background:#163648;border-color:#35596b}.atlas #related-assets button:hover{background:#21495c;border-color:#6db2bf}.atlas .studio-story{background:#112b3b;padding:30px;gap:50px}.atlas .studio-story h3{font-size:26px;color:#dceef1}.atlas .studio-story p{font-size:13px;color:#b1cbd6}.atlas .studio-story a{color:#b7edef;font-size:12px;line-height:1.6;border-bottom:1px solid #6fa5ad;padding-bottom:4px}.atlas #studio-fallback{z-index:9;top:26%;background:#143d50;color:#d8eff3;border-color:#9bcbd4}.atlas button:focus-visible{outline:3px solid #72ced4;outline-offset:3px}
@keyframes atlas-pulse{0%,100%{box-shadow:0 0 0 3px #b8edf040}50%{box-shadow:0 0 0 9px #b8edf000}}
@media(min-width:1700px){.atlas .studio-stage{min-height:760px}.atlas .studio-grid{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1150px){.atlas .studio-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.atlas .studio-tabs button{min-height:66px;flex-direction:row;align-items:center;gap:10px;padding:14px}.atlas .studio-header h2{font-size:33px}.atlas .studio-grid{grid-template-columns:minmax(0,1fr) 265px}.atlas .studio-inspector{padding:24px 18px}.atlas .studio-stage{min-height:690px}.atlas .stage-kpi{padding:10px}.atlas .stage-kpi strong{font-size:21px}.atlas .stage-kpi>span{font-size:9px}.atlas .stage-caption{font-size:8px}}
@media(max-width:800px){.atlas .studio-grid{grid-template-columns:1fr}.atlas .studio-stage{min-height:570px}.atlas .studio-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.atlas .signal-reading{margin:20px 0 10px}.atlas .studio-toolbar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.atlas .studio-header{padding:28px 24px;display:block}.atlas .studio-header h2{max-width:600px}.atlas .studio-header .sim-badge{margin-top:17px;max-width:none;font-size:8px;padding:8px}.atlas .studio-tabs{padding:0 16px 20px}.atlas .studio-tabs button{padding:12px;min-height:60px}.atlas-tab-name{font-size:11px}.atlas .studio-guide{padding:17px 23px}.atlas .studio-guide p{font-size:11px;max-width:300px}.atlas .atlas-case{padding:24px;grid-template-columns:50px 1fr;gap:15px}.atlas .atlas-case h3{font-size:25px}.atlas .atlas-case p{font-size:12px}.atlas .stage-kpi{max-width:none}.atlas .studio-inspector .decision-box{grid-column:1/-1}.atlas .inspector-disclaimer{margin:0}.atlas #signal-chart{height:135px}.atlas .studio-evidence{gap:24px}.atlas .studio-story{gap:25px;padding:25px}}
@media(max-width:560px){.atlas{border-radius:14px}.atlas .studio-header{padding:25px 18px}.atlas .studio-header h2{font-size:30px;letter-spacing:-1px}.atlas .studio-header .eyebrow{font-size:8px;letter-spacing:1.1px}.atlas .studio-tabs{display:flex;overflow:auto;padding:0 13px 17px;gap:7px;scroll-snap-type:x proximity}.atlas .studio-tabs button{flex:0 0 136px;min-height:79px;flex-direction:column;align-items:flex-start;justify-content:center;padding:11px 13px;gap:8px;scroll-snap-align:center}.atlas-tab-name{font-size:12px}.atlas .studio-guide{padding:18px}.atlas .studio-guide p{font-size:12px;max-width:none;line-height:1.6}.atlas .studio-guide button{width:100%;min-height:45px;font-size:12px;margin-top:12px}.atlas .atlas-case{padding:23px 18px;gap:12px;grid-template-columns:35px 1fr}.atlas .atlas-case h3{font-size:24px}.atlas .atlas-case p{font-size:12px}.atlas .atlas-case>span{font-size:9px}.atlas .studio-toolbar{padding:14px 16px;gap:12px}.atlas .studio-identity{font-size:9px}.atlas .view-controls{gap:5px;width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.atlas .view-controls button{font-size:10px;min-height:42px;padding:8px}.atlas .view-controls #view-motion{grid-column:2/4}.atlas .studio-stage{min-height:495px}.atlas .atlas-corner{top:18px;left:15px;right:15px;font-size:8px}.atlas .atlas-corner>span:last-child{font-size:7px}.atlas .stage-caption{top:43px;left:15px;right:15px;font-size:7px}.atlas .stage-caption>span:first-child{font-size:8px}.atlas .stage-kpis{left:11px;right:11px;bottom:73px;gap:5px}.atlas .stage-kpi{padding:10px 7px}.atlas .stage-kpi strong{font-size:19px}.atlas .stage-kpi>span{font-size:8px}.atlas .layer-controls{left:11px;right:11px;bottom:17px;gap:4px;flex-wrap:nowrap}.atlas .layer-controls button{padding:7px 8px;min-height:42px;font-size:8px;flex:1}.atlas .atlas-pin{min-height:44px}.atlas-pin span{font-size:9px;padding:6px}.atlas-pin i{width:10px;height:10px;border-width:2px}.atlas .studio-inspector{display:block;padding:25px 20px}.atlas .studio-inspector select{font-size:13px;min-height:46px}.atlas .signal-reading{margin:22px 0}.atlas .signal-reading>strong{font-size:44px}.atlas .inspector-nav button{font-size:12px}.atlas #signal-chart{height:145px}.atlas .trend-legend{font-size:10px}.atlas .inspector-disclaimer{font-size:10px;margin-top:14px}.atlas #focus-asset{font-size:12px}.atlas .studio-timeline{padding:23px 17px;gap:18px}.atlas .studio-timeline>button{font-size:11px;min-height:44px}.atlas .studio-evidence{grid-template-columns:1fr;padding:25px 19px;gap:27px}.atlas .studio-story{grid-template-columns:1fr;padding:26px 20px;gap:23px}.atlas .studio-story h3{font-size:25px}.atlas .studio-story p{font-size:12px}.atlas .studio-story a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.atlas .atlas-pin i{animation:none}.atlas .studio-tabs button,.atlas .studio-tabs button:after{transition:none}.atlas .studio-tabs button:hover{transform:none}}

.atlas .stage-kpi,.atlas .layer-controls button{backdrop-filter:none}
.atlas[data-motion="paused"] .atlas-pin i{animation:none}