.atlas-page{background:#08090b;grid-template-rows:auto minmax(0,1fr) auto;height:100svh;min-height:620px;display:grid;overflow:hidden}.globe-stage{position:absolute;inset:0}.map-stage{isolation:isolate;min-height:0;position:relative}.globe-canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.intro{left:var(--gutter);pointer-events:none;z-index:2;position:absolute;top:28px}.intro h1{letter-spacing:-.055em;margin:0 0 13px;font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.1}.intro p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.map-stage:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#08090b 0%,#08090bea 17%,#0000 40%);position:absolute;inset:0}.map-markers{pointer-events:none;z-index:2;position:absolute;inset:0}.marker{will-change:transform;pointer-events:auto;color:#c6c8cf;white-space:nowrap;text-shadow:0 1px 8px #000;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;font-size:14px;display:grid;position:absolute;top:0;left:0}.marker .dot{background:#bfc1c9;border-radius:50%;width:6px;height:6px;transition:box-shadow .22s,background .22s;box-shadow:0 0 0 5px #ffffff07}.marker:hover,.marker.selected{color:#fff}.marker:hover .dot{box-shadow:0 0 0 8px #ffffff13}.marker.selected .dot{background:var(--accent);box-shadow:0 0 0 5px #d0c5ae20}.marker.cluster .dot{color:#eee;background:#24262c;border:1px solid #565861;border-radius:100px;place-items:center;width:auto;min-width:28px;height:auto;min-height:28px;padding:4px 7px;font-size:12px;display:grid;box-shadow:0 2px 10px #0005}.marker-label{text-overflow:ellipsis;width:max-content;max-width:150px;position:absolute;top:50%;left:calc(50% + 13px);overflow:hidden;transform:translateY(-50%)}.marker.cluster .marker-label{left:calc(50% + 23px)}.marker.label-left .marker-label{left:auto;right:calc(50% + 13px)}.marker.cluster.label-left .marker-label{left:auto;right:calc(50% + 23px)}.photo-panel{left:var(--gutter);z-index:3;width:clamp(200px,22vw,300px);position:absolute;bottom:38px}.photo-link{width:100%;height:clamp(220px,43svh,390px);display:block}.photo{object-fit:contain;object-position:left bottom;width:100%;height:100%;transition:opacity .24s ease,transform .4s var(--ease);border-radius:3px;display:block}.photo.loading{opacity:0;transform:translateY(5px)}.photo-link:hover .photo{transform:translateY(-3px)}.photo-meta{margin-top:20px}.photo-city{letter-spacing:-.04em;align-items:center;gap:20px;font-size:21px;display:inline-flex}.photo-city:after{content:"↗";color:#888b95;transition:transform .25s var(--ease);font-size:16px}.photo-city:hover:after{color:#eee;transform:translate(2px,-2px)}.photo-date{color:var(--muted);min-height:18px;margin:7px 0 0;font-size:13px;line-height:1.5}.map-controls{right:var(--gutter);z-index:4;align-items:center;gap:10px;display:flex;position:absolute;bottom:28px}.map-controls button{height:44px;transition:background .2s,transform .2s var(--ease);background:0 0;border:0}.map-controls button:hover{background:#292b32}.map-controls button:active{transform:scale(.95)}.map-controls button:disabled{opacity:.35;cursor:default}.world-button{border-radius:100px;justify-content:center;align-items:center;gap:9px;padding:0 17px;font-size:14px;display:flex;background:#17181ee8!important;border:1px solid #ffffff12!important}.world-button:hover{background:#292b32!important}.zoom-controls{background:#17181ee8;border:1px solid #ffffff12;border-radius:100px;display:flex;overflow:hidden}.zoom-controls button{width:44px;font-size:23px;font-weight:300}.zoom-controls button+button{border-left:1px solid #ffffff0c}.map-message{color:#b7b9c3;text-align:center;max-width:300px;font-size:14px;position:absolute;top:48%;left:64%;transform:translate(-50%,-50%)}.retry{background:#202127;border:1px solid #555762;border-radius:100px;padding:12px 18px;position:absolute;top:56%;left:64%;transform:translate(-50%)}.atlas-page footer{padding:18px var(--gutter) 25px;color:#858892;z-index:4;align-items:center;gap:25px;font-size:13px;display:flex}.place-count{margin-left:auto}.atlas-page footer a{color:#a7aab3;transition:color .2s}.atlas-page footer a:hover{color:#fff}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-height:780px) and (min-width:701px){.intro{top:8px}.intro h1{font-size:32px}.photo-panel{bottom:18px}.photo-link{height:36svh}.photo-meta{margin-top:15px}}@media (max-width:700px){.atlas-page{min-height:680px}.topbar{gap:16px;padding:21px 24px}.brand{font-size:16px}.brand span{display:none}nav{font-size:14px}nav a{padding:8px 16px}.intro{top:9px;left:24px}.intro h1{margin-bottom:9px;font-size:30px}.intro p{font-size:14px}.map-stage:before{background:linear-gradient(#08090b90 0%,#0000 24% 59%,#08090b 79%)}.photo-panel{background:#08090b;grid-template-columns:96px minmax(0,1fr);align-items:center;column-gap:20px;width:auto;min-height:134px;display:grid;bottom:78px;left:24px;right:24px}.photo-link{width:96px;height:134px}.photo{object-position:left center}.photo-meta{margin:0}.photo-city{font-size:21px}.photo-date{font-size:13px}.photo-pager{grid-column:2;margin-top:-42px;position:relative;transform:translateY(28px)}.photo-panel:has(.photo-pager:not([hidden])) .photo-meta{align-self:start;padding-top:10px}.marker-label{max-width:120px}.map-controls{bottom:12px;right:24px}.map-message,.retry{left:50%}.atlas-page footer{gap:12px;padding:18px 24px 23px;font-size:12px}.place-count{display:none}.atlas-page footer a{margin-left:auto}.desktop-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.city-index{right:var(--gutter);z-index:4;max-width:220px;color:var(--muted);font-size:12px;position:absolute;top:24px}.city-index summary{cursor:pointer;background:#141519;border:1px solid #ffffff0d;border-radius:100px;padding:8px 12px}.city-index>div{background:#141519;border-radius:12px;flex-direction:column;max-height:240px;margin-top:6px;padding:8px;display:flex;overflow:auto}.city-index button{text-align:left;color:#c9cbd2;padding:9px}.city-index button:hover{background:#25262b}.globe-drag .globe-canvas{cursor:grabbing}@media (max-width:700px){.city-index{top:86px;right:24px}}