/* Keep the complete opening together, with the caption following the photograph. */
body.home.home-fit .header-inner {
  height: 80px;
}

body.home.home-fit .photo-credit {
  position: static;
  margin: 16px 0 0;
  padding-bottom: 20px;
  font-size: 12px;
}

@media (min-width: 831px) {
  body.home.home-fit .home-hero {
    --hero-title-size: clamp(64px, 7.6vw, 124px);
    --hero-title-top: clamp(48px, 6svh, 72px);
    min-height: 0;
    padding-top: 32px;
  }

  body.home.home-fit .hero-title,
  html[lang='uk'] body.home.home-fit .hero-title {
    position: absolute;
    top: var(--hero-title-top);
    left: 0;
    font-size: var(--hero-title-size);
    line-height: .98;
  }

  body.home.home-fit .hero-intro {
    position: absolute;
    top: calc(var(--hero-title-top) + var(--hero-title-size) * 1.96 + 36px);
    left: 0;
    max-width: min(590px, 52%);
    margin: 0;
  }

  body.home.home-fit .hero-photo-wrap {
    position: relative;
    inset: auto;
    width: min(calc(100% - 90px), calc((100svh - 220px) * 1.678719));
    margin: 0 0 0 auto;
  }
}

@media (min-width: 831px) and (max-height: 650px) {
  body.home.home-fit .home-hero {
    --hero-title-size: clamp(64px, 11svh, 80px);
  }

  body.home.home-fit .hero-lead {
    font-size: 20px;
  }
}

@media (max-width: 830px) {
  body.home.home-fit .header-inner {
    height: 72px;
  }

  body.home.home-fit .home-hero {
    padding-top: 32px;
  }

  body.home.home-fit .hero-photo-wrap {
    margin-top: 20px;
  }

  body.home.home-fit .photo-credit {
    margin-top: 12px;
    padding: 0 0 20px;
  }
}

@media (max-width: 830px) and (max-height: 700px) {
  body.home.home-fit .home-hero {
    padding-top: 24px;
  }

  body.home.home-fit .hero-title,
  html[lang='uk'] body.home.home-fit .hero-title {
    font-size: clamp(48px, 11.5vw, 96px);
  }

  body.home.home-fit .hero-intro,
  body.home.home-fit .hero-photo-wrap {
    margin-top: 16px;
  }

  body.home.home-fit .hero-lead {
    font-size: 18px;
  }
}