/* Tinggi hero bersama untuk seluruh halaman publik. */
.public-hero {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  contain: paint;
  height: clamp(26rem, 70vh, 43.75rem) !important;
  height: clamp(26rem, 70svh, 43.75rem) !important;
  min-height: 26rem;
  max-height: 43.75rem;
}

/* Layar ponsel pendek dan orientasi lanskap. */
@media (max-height: 600px) {
  .public-hero {
    height: clamp(22rem, 88svh, 32rem) !important;
    min-height: 22rem;
  }
}

@media (max-width: 640px) {
  .public-hero {
    height: clamp(28rem, 68svh, 36rem) !important;
    min-height: 28rem;
  }
}

@media (max-width: 640px) and (max-height: 600px) {
  .public-hero {
    height: clamp(22rem, 88svh, 30rem) !important;
    min-height: 22rem;
  }
}