/* ==========================================================================
   homepage.css — Halaman 1 (index.html), acuan Page 1.png
   Hero berupa kolase gambar PNG transparan di atas latar beige.
   ========================================================================== */

.page-main--home {
  overflow: hidden;
  background-color: var(--color-beige);
}

.hero {
  position: absolute;
  inset: 0;
}

/* Kolase diletakkan absolut; sisi bawahnya menembus footer merah
   persis seperti pada gambar referensi. */
.hero__collage {
  position: absolute;
  left: 0;
  bottom: calc(var(--footer-height-home) * -1);
  width: 100%;
  height: auto;
  pointer-events: none;
  user-select: none;
}