/* FEMMO Hero sizing and vertical alignment refinement — v1.2.1 */
.hero {
  height: min(680px, calc(100svh - 80px));
  min-height: 560px;
  align-items: center;
}

.hero-inner {
  height: 100%;
  display: flex;
  align-items: center;
}

.hero-copy {
  padding: 44px 0;
}

.hero h1 {
  font-size: clamp(54px, 6vw, 92px);
  margin: 18px 0 26px;
}

@media (max-width: 800px) {
  .hero {
    height: min(640px, calc(100svh - 56px));
    min-height: 560px;
    align-items: center;
  }

  .hero-copy {
    padding: 32px 0;
  }

  .hero h1 {
    font-size: clamp(48px, 9vw, 68px);
  }
}

@media (max-width: 520px) {
  .hero {
    height: min(620px, 100svh);
    min-height: 540px;
    align-items: center;
  }

  .hero-copy {
    padding: 24px 0;
  }

  .hero h1 {
    font-size: clamp(42px, 13vw, 56px);
    margin: 14px 0 20px;
  }

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

  .hero .sub {
    font-size: 14px;
    margin-bottom: 22px;
  }

  .proof {
    margin-top: 20px;
    font-size: 10px;
    line-height: 1.5;
  }
}