/* Keep people top-aligned and introductory text over its photograph at every width. */
.hero .hero-image,
.midva-preview .hero .hero-image,
.disco-preview .hero .hero-image,
.programme-photo img,
.choice-photo img,
.programme-photo.photo-porocni-ples img,
.programme-photo.photo-darilni-boni img,
.choice-photo.photo-porocni-ples img,
.photo-intro .intro-photo,
.service-intro.photo-intro .intro-photo,
.night-feature > img,
.visual-intro > img,
.experience-photo > img,
.companion-photo img,
.gallery-teaser img,
.gallery-open img { object-position: center top; transform-origin: center top; }
.lightbox img { object-fit: contain; }
.hero { height: clamp(660px, 56.28vw, 900px); min-height: 660px; max-height: none; }
.programme-photo { aspect-ratio: auto; }
.programme-photo img,
.visual-choice .choice-photo,
.choice-photo img,
.gallery-teaser img,
.gallery-open img { width: 100%; height: auto; }
.photo-card:hover .programme-photo img,
.visual-choice:hover .choice-photo img,
.experience-photo:hover > img { transform: none; }
.companion-photo { height: auto; aspect-ratio: 1672 / 941; }
.autumn-programme { display: inline-block; margin-top: 8px; color: #624674; font-size: 12px; font-weight: 600; }
@media (max-width: 1100px) {
  .hero { height: auto; min-height: 660px; max-height: none; }
  .hero h1 { font-size: clamp(46px, 7vw, 76px); }
}
@media (max-width: 760px) {
  .hero { min-height: 740px; }
  .hero .hero-image,
  .midva-preview .hero .hero-image,
  .disco-preview .hero .hero-image { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 1; }
  .hero .hero-shade,
  .midva-preview .hero .hero-shade,
  .disco-preview .hero .hero-shade { background: linear-gradient(0deg, #2e1a12ed 0%, #301a13d9 24%, #30180f8c 58%, #24130a14 100%); }
  .hero .hero-inner { padding-top: 245px; }
  .hero h1 em { white-space: normal; }
  .hero .actions { width: 100%; }
  .hero .actions .button { max-width: 100%; }
  .photo-intro h1 { font-size: clamp(38px, 9vw, 49px); }
}