/* City photographs: the Manalapan monochrome standard, clear detail, quiet labeling. */
.city-guide-page .city-hero-image { container-type:inline-size; }
.city-guide-page .city-hero-image > img {
  filter:grayscale(1) contrast(1.035) brightness(1.035);
}
.city-guide-page .city-hero-image::after {
  background:linear-gradient(180deg,rgba(18,20,20,.16),transparent 30%,transparent 55%,rgba(18,20,20,.48));
}
.city-guide-page .city-viewfinder,
.city-guide-page .city-hero-edition { display:none; }
.city-brand-overlay {
  position:absolute; inset:42px auto auto 46px; z-index:3;
  display:flex; align-items:center; gap:16px;
  width:auto; max-width:calc(100% - 92px);
  color:#f8f7f3; pointer-events:none; user-select:none;
}
.city-brand-overlay::before {
  content:''; display:block; flex:none; width:38px; height:1px;
  background:currentColor; opacity:.72;
}
.city-brand-name {
  display:block; max-width:100%; color:inherit;
  font-family:var(--sans,Arial,sans-serif);
  font-size:12px; font-weight:500; letter-spacing:.16em;
  line-height:1.5; text-align:left; text-transform:uppercase;
  text-shadow:0 1px 10px rgba(0,0,0,.15);
}
.city-guide-page .city-hero-note p { text-shadow:0 2px 22px rgba(6,17,23,.12); }
@media (max-width:760px) {
  .city-brand-overlay { inset:26px auto auto 26px; max-width:calc(100% - 52px); gap:12px; }
  .city-brand-overlay::before { width:24px; }
  .city-brand-name { font-size:10px; letter-spacing:.12em; }
}