/* Approved city photography; the existing light hero gradients stay unchanged. */
.city-hero-photo { background-position: center 28%; }
.city-photo-credit {
  position: absolute;
  right: 24px;
  bottom: 18px;
  max-width: calc(100% - 48px);
  font-size: 11px;
  color: #555;
  line-height: 1.5;
  text-align: right;
}
.city-photo-credit a { text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 680px) {
  .city-hero-photo { background-position: var(--city-focal) 28%; }
  .city-photo-credit {
    font-size: 10px;
    right: 14px;
    bottom: 12px;
    max-width: calc(100% - 28px);
  }
}