/* ==========================================================================
   kontak.css — Halaman 4 (kontak.html), acuan Page 4.png
   ========================================================================== */

/* Tinggi area dikunci mengikuti proporsi desain 1920 x 1080
   (1080 - 225 navbar - 88 footer = 767 px), supaya kartu putih dan foto
   tidak ikut terpotong saat jendela browser lebih pendek. */
.page-main--kontak {
  min-height: 47.9375rem;          /* 767 px */
  overflow: hidden;
  background-color: var(--color-beige);
}

/* ---------- Kartu putih ---------- */
.kontak-card {
  position: absolute;
  top: 2.6875rem;                  /* 43 px  */
  left: 3.875rem;                  /* 62 px  */
  width: 36.4375rem;               /* 583 px */
  height: 42.5625rem;              /* 681 px */
  padding: 7.3125rem 0.5rem 0 2.125rem;
  border-radius: var(--radius-card);
  background-color: var(--color-white);
  z-index: 2;
}

.kontak-group {
  margin-bottom: 4.1875rem;        /* 67 px */
}

.kontak-group:last-child {
  margin-bottom: 0;
}

.kontak-label {
  font-family: var(--font-script);
  font-size: var(--fs-kontak-label);
  font-weight: 400;
  line-height: 2.25rem;            /* 36 px */
  color: var(--color-red);
}

.kontak-value,
.kontak-value a {
  display: block;
  font-size: var(--fs-kontak-body);
  line-height: 2.25rem;            /* 36 px */
  color: var(--color-red);
}

.kontak-value a:hover {
  color: var(--color-red-dark);
  text-decoration: underline;
}

/* ---------- Foto orang memegang handphone ---------- */
.kontak-photo {
  position: absolute;
  top: -26.9375rem;                /* -431 px */
  left: 22.125rem;                 /* 354 px  */
  width: 103.75rem;                /* 1660 px */
  height: auto;
  pointer-events: none;
  user-select: none;
  z-index: 1;
}