/* Keep every floor visible in the architectural concept panels, including on mobile. */
.potential--zoning .lead { margin-bottom: 0; }
.zoning-legend { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 30px; padding: 0; margin: 24px 0 40px; font-size: 12px; color: var(--ink-2); }
.zoning-legend li { display: flex; align-items: center; gap: 8px; }
.zoning-legend i { width: 13px; height: 13px; display: inline-block; }
.zone-hotel { background: #c4a056; }
.zone-offices { background: #78939a; }
.zone-retail { background: #ae806c; }
.directions--zoning .direction__media { aspect-ratio: 1122 / 1402; }
.directions--zoning .direction__media img { object-fit: contain; filter: none; }
.directions--zoning .direction__media::after { background: linear-gradient(180deg,rgba(23,22,19,.32),transparent 18%,transparent 65%,rgba(23,22,19,.67)); }
.directions--zoning .direction__media:hover img, .directions--zoning .direction__media:focus-visible img { transform: none; }
.potential--zoning .zoning-note { margin-top: 8px; }
@media (max-width: 900px) {
  .directions--zoning { max-width: 580px; gap: 42px; }
}