/* ==========================================================================
   profile.css — Halaman 3 (profile.html), acuan Page 3.png
   Foto interior sebagai background full-width + overlay cream transparan.
   ========================================================================== */

/* Tinggi area foto dikunci mengikuti proporsi desain 1920 x 1080
   (1080 - 225 navbar - 88 footer = 767 px). Tanpa penguncian ini, pada
   jendela browser yang lebih pendek area foto ikut memendek sehingga
   `cover` memotong gambar jauh lebih banyak daripada gambar acuan. */
.page-main--profile {
  min-height: 47.9375rem;          /* 767 px */
  overflow: hidden;
  background-image: url("../assets/images/profile/profile-interior.jpg");
  background-size: cover;
  background-position: 50% 33%;
  background-repeat: no-repeat;
}

.profile-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--overlay-width);     /* ± 45 % lebar halaman */
  padding: 1.4375rem 1.25rem 1.25rem 6.6875rem; /* kiri 107 px */
  background-color: var(--overlay-cream);
  /* tanpa border-radius, tanpa shadow */
}

.profile-title {
  font-family: var(--font-script);
  font-size: var(--fs-profile-title);
  font-weight: 400;
  line-height: 1.2;
  color: var(--color-red);
}

.profile-text {
  width: 44.5rem;                  /* 712 px */
  max-width: 100%;
  margin-top: 4.0625rem;           /* 65 px */
  font-size: var(--fs-profile-body);
  line-height: 1.5rem;             /* 24 px */
  color: var(--color-black);
}

.profile-text p:nth-of-type(1),
.profile-text p:nth-of-type(3) {
  margin-bottom: 1.5rem;           /* satu baris kosong */
}