/* Foto principal: enquadramento da lagoa e dos edifícios. */
.hero-art > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% 65%;
}
.hero-art::after {
  content: '';
  position: absolute;
  inset: 40% 0 0;
  background: linear-gradient(transparent, rgba(21, 42, 80, 0.72));
  pointer-events: none;
}
.hero-art .art-caption {
  z-index: 1;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}
@media (max-width: 640px) {
  .hero-art {
    height: 280px;
  }
  .hero-art > img {
    object-position: 65% 72%;
  }
  .hero-art .art-caption {
    bottom: 40px;
  }
}