.urbanology-lockup { display: inline-flex; align-items: center; gap: .45em; vertical-align: middle; }
.urbanology-lockup img { display: inline-block; width: clamp(120px, 9vw, 190px); max-width: 42vw; height: auto; max-height: 1.7em; object-fit: contain; object-position: left center; }
.urbanology-section-mark { display: flex; justify-content: flex-start; margin: -42px 0 42px; }
.urbanology-section-mark img { display: block; width: min(620px, 78vw); max-height: 220px; object-fit: contain; object-position: left center; filter: drop-shadow(0 10px 28px rgba(0,0,0,.42)); }
#top-state .urbanology-lockup img { width: 108px; }
#featured-title .urbanology-lockup img { width: clamp(150px, 18vw, 260px); max-height: 1.4em; }
.flyer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.photo-grid.matched { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 760px) {
  .flyer-grid, .photo-grid.matched { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
  .flyer-grid img { aspect-ratio: 3 / 4; }
  .urbanology-lockup img { width: 100px; }
  .urbanology-section-mark { margin: -34px 0 30px; }
  .urbanology-section-mark img { width: min(440px, 92vw); }
}