.city-map-study[hidden]{display:none}.city-map-study{background:#fff;padding:48px 0 24px;overflow:hidden}.city-map-study header{padding:0 8% 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.city-map-study header span{font-size:11px;color:#939791;letter-spacing:.7px}.city-map-study h2{font-size:36px;line-height:1.3;letter-spacing:-1.5px;margin:13px 0 0}.city-map-study header p{font-size:13px;line-height:1.9;color:#8a908b}.city-map-study figure{margin:0}.city-map-study img{display:block;width:100%;height:auto;mask-image:linear-gradient(to bottom,#000 0%,#000 70%,rgba(0,0,0,.92) 77%,rgba(0,0,0,.55) 87%,rgba(0,0,0,.12) 96%,transparent 100%)}.city-map-study figcaption{text-align:right;padding:14px 5% 0;font-size:10px;color:#a0a5a0}@media(max-width:700px){.city-map-study header{display:block}.city-map-study h2{font-size:28px}}

@media(max-width:650px){
  .city-map-study img{height:65vw;object-fit:cover;object-position:center}
}

/* Separate the map introduction from its quiet illustration note. */
.city-map-study header>p{font-weight:700}
main .city-map-study figcaption.city-map-note{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;font-size:12px!important;line-height:1.6;color:#777;text-align:left}
main .city-map-study .city-map-note>span{color:inherit}
.city-map-note-icon{flex:none;font:inherit;line-height:inherit}