/* The model is drawn in a projected 3D coordinate system in city-atlas.js. */
.atlas-v2{position:relative;background:radial-gradient(circle at 70% 48%,#183b4c 0,#0b1a27 48%,#07121c 100%);overflow:hidden}
.atlas-v2::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,rgba(167,222,232,.06) 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,rgba(167,222,232,.06) 50%,transparent 50.1%);background-size:135px 135px;mask-image:linear-gradient(90deg,transparent,#000)}
.atlas-v2 .atlas-head{position:relative;padding-top:105px;padding-bottom:35px}.atlas-head>div{display:flex;justify-content:space-between;align-items:end;gap:32px}.atlas-head h2{font:500 clamp(34px,3.6vw,58px)/1.5 var(--serif);letter-spacing:.04em;margin:12px 0 0}.atlas-head h2 span{color:#a7dfe5}.atlas-head p{max-width:390px;color:#a4c0c8;font-size:12px;line-height:2;margin-bottom:8px}.atlas-v2 .atlas-stage{display:grid;grid-template-columns:minmax(250px,.32fr) minmax(0,.68fr);gap:20px;align-items:stretch;position:relative;padding-top:0;padding-bottom:110px}.atlas-controls{border:1px solid rgba(158,215,227,.26);background:linear-gradient(140deg,rgba(20,45,59,.85),rgba(8,22,33,.94));padding:22px;display:flex;flex-direction:column;min-height:610px}.atlas-controls-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(157,207,220,.18);padding-bottom:16px;color:#8db7c1;font-size:9px;letter-spacing:.15em}.zone-list-v2{display:grid;padding-top:11px}.zone-list-v2 a{display:flex;align-items:center;gap:16px;min-height:65px;padding:8px 9px;border-bottom:1px solid rgba(157,207,220,.15);color:#9bb7c0;transition:background .25s,padding .25s,color .25s}.zone-list-v2 a:hover,.zone-list-v2 a:focus-visible,.zone-list-v2 a.is-active{background:#213f4d;padding-left:17px;color:#f4f9f8}.zone-list-v2 b{font:400 11px var(--sans);color:#8cbdca;width:25px}.zone-list-v2 span{font:500 16px var(--serif)}.zone-list-v2 small{display:block;font:400 8px var(--sans);letter-spacing:.19em;color:#7e9da7;margin-top:3px}.zone-list-v2 i{font-style:normal;margin-left:auto;color:#9ddce5}.atlas-selected{margin-top:auto;padding-top:21px}.atlas-selected>span{font-size:9px;letter-spacing:.2em;color:#78aab7}.atlas-selected strong{font:500 27px var(--serif);display:block;margin:10px 0}.atlas-selected p{font-size:11px;color:#a7bec5;line-height:1.9;min-height:65px}.atlas-selected a{display:inline-flex;align-items:center;gap:21px;border:1px solid #7daeba;padding:9px 13px;margin-top:4px;font-size:10px;letter-spacing:.07em;color:#e1f1f1}.atlas-selected a:hover{background:#274958}
.atlas-viewport{min-height:610px;position:relative;overflow:hidden;border:1px solid rgba(161,221,230,.35);background:#0a1823;box-shadow:inset 0 0 80px rgba(0,0,0,.35),0 30px 70px rgba(0,0,0,.28)}.atlas-viewport::before,.atlas-viewport::after{content:"";position:absolute;z-index:3;width:35px;height:35px;pointer-events:none}.atlas-viewport::before{top:13px;left:13px;border-top:1px solid #b8e4e9;border-left:1px solid #b8e4e9}.atlas-viewport::after{bottom:13px;right:13px;border-bottom:1px solid #b8e4e9;border-right:1px solid #b8e4e9}.viewport-top,.viewport-bottom{position:absolute;left:0;right:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#9ec3ca;font-size:9px;letter-spacing:.14em;padding:16px 23px;pointer-events:none}.viewport-top{top:0}.viewport-bottom{bottom:0;background:linear-gradient(transparent,rgba(5,15,23,.9));padding-top:45px}.viewport-buttons{display:flex;gap:5px;pointer-events:auto}.viewport-buttons button{width:34px;height:34px;border:1px solid rgba(174,224,233,.46);background:#0e2a39;color:#d9f4f3;font-size:17px;line-height:1;cursor:pointer}.viewport-buttons button:hover,.viewport-buttons button:focus-visible{background:#2a5a6b}.atlas-viewport canvas{display:block;width:100%;height:610px;cursor:grab;touch-action:none}.atlas-viewport canvas:active{cursor:grabbing}.model-reticle{position:absolute;inset:0;pointer-events:none;opacity:.5}.model-reticle span{position:absolute;width:19px;height:19px;border-color:#86bdc9}.model-reticle span:nth-child(1){top:76px;left:28px;border-top:1px solid;border-left:1px solid}.model-reticle span:nth-child(2){top:76px;right:28px;border-top:1px solid;border-right:1px solid}.model-reticle span:nth-child(3){bottom:73px;left:28px;border-bottom:1px solid;border-left:1px solid}.model-reticle span:nth-child(4){bottom:73px;right:28px;border-bottom:1px solid;border-right:1px solid}
.zone-stories{background:#09141e}.zone-story{position:relative;scroll-margin-top:0;border-top:1px solid rgba(195,224,231,.14);background:linear-gradient(135deg,#0b1924,#0d202d)}.zone-story:nth-child(even){background:linear-gradient(225deg,#0b1924,#0d202d)}.zone-panorama{height:clamp(410px,52vw,650px);position:relative;overflow:hidden;background:#0d1c28}.zone-panorama::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,14,22,.9),rgba(5,14,22,.1) 70%),linear-gradient(0deg,#0b1924,transparent 37%);pointer-events:none}.zone-panorama img{width:100%;height:100%;object-fit:cover;object-position:center 53%;filter:saturate(.88) contrast(1.03)}.zone-wealth .zone-panorama img{filter:saturate(.38) brightness(.45) blur(3px)}.pano-grid{position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(90deg,transparent 0 239px,rgba(184,226,237,.12) 240px),repeating-linear-gradient(0deg,transparent 0 139px,rgba(184,226,237,.08) 140px);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.pano-heading{position:absolute;z-index:2;left:clamp(27px,7vw,110px);top:28%;max-width:590px}.pano-heading>span{color:var(--zone-accent);font:500 11px var(--sans);letter-spacing:.28em}.pano-heading h2{font:500 clamp(62px,7.4vw,118px)/1.25 var(--serif);letter-spacing:.08em;margin:8px 0 15px;text-shadow:0 12px 35px rgba(0,0,0,.5)}.pano-heading p{font:400 clamp(16px,1.5vw,22px)/1.8 var(--serif);max-width:560px;color:#eef7f6}.pano-coordinate{position:absolute;right:25px;bottom:25px;z-index:2;color:#c8dfe3;font-size:9px;letter-spacing:.17em}.zone-body{display:grid;grid-template-columns:minmax(250px,.32fr) minmax(0,.68fr);gap:5%;padding-top:85px;padding-bottom:110px}.zone-overview{position:sticky;top:30px;align-self:start}.zone-heading>span{font-size:10px;color:var(--zone-accent);letter-spacing:.23em}.zone-heading h3{font:500 clamp(29px,3vw,43px) var(--serif);margin:12px 0 25px;border-bottom:1px solid rgba(186,221,231,.18);padding-bottom:18px;display:flex;justify-content:space-between;align-items:center}.zone-heading h3 i{font:400 25px var(--sans);font-style:normal;color:var(--zone-accent)}.zone-intro{font-size:12px;line-height:2.1;color:#c2d1d3;letter-spacing:.03em;margin:0 0 27px}.zone-facts{border-top:1px solid rgba(186,221,231,.18);margin:0}.zone-facts div{padding:15px 0;border-bottom:1px solid rgba(186,221,231,.18)}.zone-facts dt{font-size:9px;letter-spacing:.15em;color:var(--zone-accent)}.zone-facts dd{font-size:11px;line-height:1.8;color:#a9bcc2;margin:7px 0 0}.zone-back{display:inline-block;margin-top:26px;font-size:10px;letter-spacing:.1em;color:#c5dfe3;border-bottom:1px solid var(--zone-accent);padding-bottom:5px}.zone-windows{min-width:0;position:relative}.collage-chrome{display:flex;justify-content:space-between;align-items:center;padding:12px 17px;border:1px solid rgba(177,216,226,.21);font-size:9px;letter-spacing:.17em;color:#9ab9c1}.landmark-grid{display:grid;grid-template-columns:repeat(6,1fr);align-items:start;gap:13px;position:relative;margin-top:20px}.landmark-grid::before{content:"";position:absolute;inset:36px 8% 16px;border:1px solid rgba(158,212,224,.13);transform:rotate(-3deg);pointer-events:none}.landmark-window{position:relative;min-width:0;border:1px solid rgba(181,224,231,.31);background:#102532;box-shadow:12px 12px 0 rgba(132,191,207,.055),0 20px 35px rgba(0,0,0,.2);transition:transform .3s,border-color .3s}.landmark-window:hover,.landmark-window:focus-within{border-color:var(--zone-accent);transform:translateY(-5px)}.landmark-window:nth-child(1){grid-column:1/5}.landmark-window:nth-child(2){grid-column:4/7;margin-top:45px}.landmark-window:nth-child(3){grid-column:2/6;margin-top:-13px}.landmark-window summary{list-style:none;cursor:pointer}.landmark-window summary::-webkit-details-marker{display:none}.window-visual{height:clamp(150px,14vw,230px);display:block;position:relative;overflow:hidden;background-image:var(--zone-image);background-repeat:no-repeat;background-size:220% auto;background-position:var(--crop);filter:saturate(.9)}.window-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,21,31,.6),transparent 50%),linear-gradient(90deg,transparent 0 47%,rgba(191,239,244,.06) 50%,transparent 53%);background-size:auto,48px 100%}.window-visual::after{content:"";position:absolute;left:12px;top:12px;width:22px;height:22px;border-top:1px solid var(--zone-accent);border-left:1px solid var(--zone-accent)}.scan-line{position:absolute;z-index:2;left:0;right:0;top:0;height:1px;background:var(--zone-accent);box-shadow:0 0 10px var(--zone-accent);opacity:.65;animation:window-scan 7s linear infinite}.landmark-window:nth-child(2) .scan-line{animation-delay:-2s}.landmark-window:nth-child(3) .scan-line{animation-delay:-4s}.window-copy{display:grid;gap:6px;padding:16px 18px 18px}.window-copy small{font-size:9px;letter-spacing:.16em;color:var(--zone-accent)}.window-copy strong{font:500 clamp(18px,2vw,25px) var(--serif);letter-spacing:.04em}.window-copy em{font-size:11px;font-style:normal;color:#b9cbd0;line-height:1.8}.window-action{display:flex;justify-content:space-between;align-items:center;margin-top:8px;border-top:1px solid rgba(171,219,228,.16);padding-top:10px;font-size:9px;letter-spacing:.09em;color:#a4c8d0}.window-action b{font-weight:300;font-size:19px;color:var(--zone-accent)}.landmark-window[open] .window-action b{transform:rotate(45deg)}.window-detail{border-top:1px solid rgba(171,219,228,.18);padding:17px 18px 21px;background:#0a1a25}.window-detail p{font-size:11px;line-height:2;color:#c1d0d2;margin:0}.window-facts{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.window-facts span{border:1px solid rgba(171,219,228,.22);color:#a3c4cc;padding:4px 7px;font-size:9px}.zone-wealth .pano-heading p{font-size:24px}.restricted-panel{position:relative;min-height:525px;margin-top:20px;padding:clamp(25px,5vw,65px);border:1px solid rgba(227,245,247,.34);background:linear-gradient(135deg,rgba(202,228,232,.06),rgba(3,16,23,.85)),var(--zone-image) center/cover;overflow:hidden;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.restricted-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(190,229,236,.1) 9px),rgba(5,16,24,.65)}.restricted-panel::after{content:"";position:absolute;inset:16px;border:1px solid rgba(212,243,246,.2);clip-path:polygon(0 0,100% 0,100% 66%,86% 66%,86% 100%,0 100%);pointer-events:none}.restricted-panel>span{font-size:10px;letter-spacing:.28em;color:#a7cfd4}.restricted-panel>strong{font:600 clamp(35px,4vw,64px)/1.5 var(--serif);color:#efffff;letter-spacing:.08em;position:relative;text-shadow:3px 0 #64cdd8,-3px 0 #a3677d;animation:denied-glitch 5s steps(1,end) infinite}.restricted-panel>p{font-size:12px;color:#b8d2d5;line-height:1.9}.restricted-glitch{position:absolute;right:-2%;top:16%;font:600 clamp(35px,6vw,95px) var(--sans);letter-spacing:.1em;transform:rotate(90deg);color:rgba(226,248,248,.08);white-space:nowrap}.restricted-bars{display:flex;gap:7px;margin-top:30px}.restricted-bars i{height:6px;background:#a9e4e9;width:20%}.restricted-bars i:nth-child(2){width:9%;opacity:.4}.restricted-bars i:nth-child(3){width:36%;opacity:.2}@keyframes window-scan{to{top:100%}}@keyframes denied-glitch{0%,94%,100%{transform:none;clip-path:none}95%{transform:translateX(4px);clip-path:inset(20% 0 52% 0)}97%{transform:translateX(-5px);clip-path:inset(56% 0 12% 0)}}
@media(max-width:1120px){.atlas-v2 .atlas-stage{grid-template-columns:300px minmax(0,1fr)}.atlas-viewport canvas{height:590px}.atlas-controls,.atlas-viewport{min-height:590px}.zone-body{grid-template-columns:.36fr .64fr;gap:3%}}
@media(max-width:820px){.atlas-head>div{display:block}.atlas-head p{max-width:none}.atlas-v2 .atlas-stage{display:block}.atlas-controls{min-height:0;margin-bottom:17px}.zone-list-v2{grid-template-columns:repeat(3,1fr);gap:6px}.zone-list-v2 a{border:1px solid rgba(157,207,220,.15);min-height:60px}.zone-list-v2 a:hover,.zone-list-v2 a.is-active{padding-left:9px}.zone-list-v2 b{display:none}.zone-list-v2 span{font-size:13px}.zone-list-v2 i{display:none}.atlas-selected{border-top:1px solid rgba(157,207,220,.15);margin-top:18px}.atlas-selected p{min-height:0}.zone-body{display:block}.zone-overview{position:static;margin-bottom:42px}.zone-facts{display:grid;grid-template-columns:repeat(3,1fr)}.zone-facts div{border-right:1px solid rgba(186,221,231,.18);padding-right:10px;padding-left:10px}.zone-facts div:first-child{padding-left:0}.zone-facts div:last-child{border-right:0}.window-visual{height:210px}}
@media(max-width:620px){.atlas-v2 .atlas-head{padding-top:75px}.atlas-v2 .atlas-stage{padding-top:0;padding-bottom:75px}.zone-list-v2{grid-template-columns:repeat(2,1fr)}.atlas-viewport,.atlas-viewport canvas{min-height:440px;height:440px}.viewport-top,.viewport-bottom{font-size:7px;padding-left:14px;padding-right:14px}.viewport-bottom>span{max-width:140px;line-height:1.5}.zone-panorama{height:450px}.pano-heading{top:25%;left:23px;right:23px}.pano-heading h2{font-size:62px}.pano-heading p{font-size:16px}.pano-coordinate{font-size:7px}.zone-body{padding-top:55px;padding-bottom:80px}.zone-facts{display:block}.zone-facts div{border-right:0;padding-left:0}.landmark-grid{display:block}.landmark-window:nth-child(n){margin:0 0 18px;transform:none}.window-visual{height:220px}.restricted-panel{min-height:370px}.restricted-panel>strong{font-size:38px}}
@media(prefers-reduced-motion:reduce){.scan-line,.restricted-panel>strong{animation:none}.landmark-window{transition:none}}

.zone-windows::before{content:'';position:absolute;z-index:0;width:42%;height:155px;right:-4%;top:78px;border:1px dashed rgba(170,230,239,.32);background:rgba(124,208,222,.035);backdrop-filter:blur(2px);transform:rotate(5deg);pointer-events:none}.zone-windows::after{content:'0110 / ARCHIVE FRAGMENT';position:absolute;z-index:0;left:-16px;bottom:18%;font:9px var(--sans);letter-spacing:.28em;color:rgba(180,224,232,.32);writing-mode:vertical-rl;pointer-events:none}

/* The zone list previews the model. Only the archive link navigates to a dossier. */
.zone-list-v2 button{display:flex;align-items:center;gap:16px;min-height:65px;width:100%;padding:8px 9px;border:0;border-bottom:1px solid rgba(157,207,220,.15);background:transparent;text-align:left;color:#9bb7c0;cursor:pointer;transition:background .25s,padding .25s,color .25s,box-shadow .25s}
.zone-list-v2 button:hover,.zone-list-v2 button:focus-visible,.zone-list-v2 button.is-active{background:linear-gradient(90deg,rgba(86,171,188,.22),rgba(86,171,188,.04));padding-left:17px;color:#f4f9f8;box-shadow:inset 2px 0 #91dae4}
.zone-list-v2 button:focus-visible{outline:1px solid #91dae4;outline-offset:-2px}
.zone-list-v2 button.is-active i{color:#b8f5f1;text-shadow:0 0 12px #72c9d8}
.atlas-viewport canvas{position:relative;z-index:1}
.city-annotation-svg{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none;--annotation-color:#b99a76}
.city-annotation-svg path,.city-annotation-svg circle{vector-effect:non-scaling-stroke;fill:none}
.atlas-orbit{stroke:rgba(135,214,227,.33);stroke-width:1;stroke-dasharray:3 8;animation:atlas-orbit-flow 22s linear infinite}
.atlas-orbit-inner{stroke:rgba(135,214,227,.19);stroke-dasharray:1 11;animation-direction:reverse;animation-duration:32s}
.atlas-tick{stroke:rgba(145,218,230,.38);stroke-width:1;animation:atlas-tick-breathe 5s ease-in-out infinite alternate}
.annotation-ring{stroke:var(--annotation-color);stroke-width:2;opacity:.72;filter:drop-shadow(0 0 7px var(--annotation-color))}
.annotation-ring-inner{stroke-width:1;stroke-dasharray:4 7;opacity:.55;animation:atlas-orbit-flow 16s linear infinite}
.annotation-ring-outer{stroke-dasharray:480 30;animation:atlas-ring-crawl 17s linear infinite}
.annotation-line{stroke:#c1eef0;stroke-width:1;stroke-dasharray:5 4;opacity:.9;filter:drop-shadow(0 0 5px rgba(112,233,241,.55));animation:atlas-line-flow 3.4s linear infinite}
.annotation-point{fill:#e7ffff!important;stroke:var(--annotation-color);stroke-width:2;filter:drop-shadow(0 0 8px var(--annotation-color))}
.annotation-pulse{stroke:var(--annotation-color);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:atlas-pin-pulse 2.4s ease-out infinite}
.annotation-cross{stroke:rgba(232,255,255,.82);stroke-width:1}
.atlas-sweep{stroke:rgba(205,249,250,.76);stroke-width:2;stroke-dasharray:22 1500;filter:drop-shadow(0 0 8px #a1edf2);animation:atlas-sweep-arc 9s linear infinite}
.city-landmark-popups{position:absolute;inset:0;z-index:4;pointer-events:none}
.atlas-landmark-popup{position:absolute;width:clamp(125px,25%,185px);padding:11px 13px 12px;border:1px solid rgba(187,232,235,.62);border-left:2px solid var(--annotation-color,#b99a76);background:linear-gradient(125deg,rgba(8,27,39,.95),rgba(17,48,62,.9));box-shadow:0 13px 29px rgba(0,0,0,.29),inset 0 1px rgba(224,255,255,.09);backdrop-filter:blur(9px);color:#e5f6f5;animation:atlas-popup-enter .6s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--popup-delay)}
.atlas-landmark-popup::before{content:'';position:absolute;left:7px;right:7px;top:5px;height:1px;background:linear-gradient(90deg,var(--annotation-color,#b99a76),transparent);opacity:.65}
.atlas-landmark-popup::after{content:'';position:absolute;right:-4px;bottom:-4px;width:11px;height:11px;border-right:1px solid #a5e5eb;border-bottom:1px solid #a5e5eb}
.atlas-popup-head{display:block;font:600 8px var(--sans);letter-spacing:.16em;color:var(--annotation-color,#a9dfe6);margin-bottom:5px}
.atlas-landmark-popup strong{display:block;font:500 clamp(12px,1.45vw,16px)/1.4 var(--serif);letter-spacing:.03em}
.atlas-landmark-popup small{display:block;font:500 7px var(--sans);letter-spacing:.13em;color:#a8d4d8;margin-top:3px}
.atlas-landmark-popup p{font:400 9px/1.6 var(--sans);color:#bed4d9;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.atlas-v2 .atlas-selected a{position:relative;overflow:hidden;background:rgba(106,198,212,.07);transition:background .25s,border-color .25s}
.atlas-v2 .atlas-selected a::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 28%,rgba(183,248,249,.16) 48%,transparent 68%);transform:translateX(-160%);transition:transform .65s}
.atlas-v2 .atlas-selected a:hover::after{transform:translateX(160%)}
.atlas-v2 .atlas-selected a:hover{border-color:#baf4f5;background:rgba(106,198,212,.15)}
@keyframes atlas-orbit-flow{to{stroke-dashoffset:-300}}
@keyframes atlas-ring-crawl{to{stroke-dashoffset:-510}}
@keyframes atlas-line-flow{to{stroke-dashoffset:-36}}
@keyframes atlas-sweep-arc{to{stroke-dashoffset:-1522}}
@keyframes atlas-pin-pulse{0%{opacity:.9;transform:scale(.4)}70%,100%{opacity:0;transform:scale(2.5)}}
@keyframes atlas-tick-breathe{to{opacity:.24}}
@keyframes atlas-popup-enter{from{opacity:0;transform:translateY(11px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:820px){.zone-list-v2 button{border:1px solid rgba(157,207,220,.15);min-height:60px}.zone-list-v2 button:hover,.zone-list-v2 button.is-active{padding-left:9px}.atlas-landmark-popup{width:clamp(123px,25%,168px)}}
@media(max-width:620px){.zone-list-v2 button b,.zone-list-v2 button i{display:none}.zone-list-v2 button span{font-size:13px}.atlas-landmark-popup{width:122px;padding:8px 9px}.atlas-landmark-popup p{display:none}.atlas-popup-head{font-size:7px}.atlas-landmark-popup small{font-size:6px}.atlas-landmark-popup strong{font-size:12px}}
@media(max-width:440px){.atlas-landmark-popup:nth-child(2),.atlas-landmark-popup:nth-child(3){left:54%!important}}
@media(prefers-reduced-motion:reduce){.atlas-orbit,.atlas-tick,.annotation-ring,.annotation-line,.annotation-pulse,.atlas-sweep,.atlas-landmark-popup{animation:none!important}.atlas-v2 .atlas-selected a::after{display:none}}