.event-hero {
  aspect-ratio: 16 / 9;
  height: auto;
}

.event-hero[hidden] {
  display: none;
}

.event-hero img {
  object-position: center;
}

/* Keep the original church photo; the browser frames it in the existing hero. */
.event-hero--real-church { position: relative; }
.event-hero--real-church img { object-position: 50% 23%; }
.event-hero--sunday::after {
  content: "Воскресное богослужение";
  position: absolute;
  inset: auto 0 0;
  padding: 34px 16px 16px;
  background: linear-gradient(transparent, rgba(5, 30, 23, .82));
  color: #fff;
  font-size: clamp(20px, 5.5vw, 27px);
  font-weight: 750;
  line-height: 1.12;
  pointer-events: none;
}