/* Keep the exported hero tall enough for its content at every viewport height.
   Scope overrides to the homepage so other Framer page layouts stay intact. */
#main .framer-4KL9E .framer-c5x26k {
  height: auto;
  min-height: 100vh;
  min-height: 100svh;
}

#main .framer-4KL9E .framer-olb4eb {
  height: auto;
}

#main .framer-4KL9E .framer-19blmyi {
  height: auto;
  min-height: max(680px, calc(100vh - 60px));
  min-height: max(680px, calc(100svh - 60px));
  gap: 40px;
}

/* Let the photo follow the hero's content height while retaining its motion. */
#main .framer-4KL9E .framer-rn2uk9 {
  top: 0;
  bottom: 0;
  height: 100%;
}

@media (max-width: 809.98px) {
  #main .framer-4KL9E .framer-c5x26k {
    min-height: 90vh;
    min-height: 90svh;
  }

  #main .framer-4KL9E .framer-olb4eb {
    flex: none;
  }

  #main .framer-4KL9E .framer-19blmyi {
    min-height: max(697px, 90vh);
    min-height: max(697px, 90svh);
  }

  /* The export placed this text in a 1080px box, cropping it on phones. */
  #main .framer-4KL9E .framer-17mhie2 {
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: auto;
  }

  #main .framer-4KL9E .framer-17mhie2 h1,
  #main .framer-4KL9E .framer-17mhie2 h1 > .framer-text {
    font-size: clamp(20px, 6.5vw, 32px);
    line-height: 1.25;
  }

  #main .framer-4KL9E .framer-azgl74 {
    max-width: 560px;
  }

  #main .framer-4KL9E .framer-nboytk h4 {
    font-size: clamp(22px, 4.5vw, 28px);
    line-height: 1.3;
    text-wrap: balance;
  }

  #main .framer-4KL9E .framer-1my8ngm {
    /* Stack the labels on the open left side of the photo, clear of the face. */
    left: 20px;
    right: auto;
    top: 325px;
  }
}