/* ===== Testimonials Rene / Banner Separator (live nafas.com/id-en/testimonials-rene-suhardono, frame framer-ve4365) =====
   One full-bleed photo between Content 1 and Content 2. Static on live: no parallax, no reveal, no hover.
   Desktop and tablet show rs-banner-rene-reading (7680x2968), phone rs-banner-rene-reading-phone (3840x2160). */

/* ---------- Desktop (>= 1440, base) ---------- */
.nf-page > section.nf-rs-banner {
  flex: 0 0 auto; width: 100%; height: auto; aspect-ratio: 2.65055 / 1; min-height: 0; /* min-height 0: Safari 27 otherwise grows this flex item to the loaded image's natural height (2896px) */
  position: relative; overflow: visible;
}
.nf-rs-banner__fill {
  display: block; position: absolute; inset: 0; border-radius: inherit;
}
.nf-rs-banner__img {
  display: block; width: 100%; height: 100%; border-radius: inherit;
  object-fit: cover; object-position: center;
}

/* ---------- Tablet (810 to 1439.98): fixed 810 x 401, centred by the page column ---------- */
@media (min-width: 810px) and (max-width: 1439.98px) {
  .nf-page > section.nf-rs-banner { aspect-ratio: unset; width: 810px; height: 401px; }
}

/* ---------- Phone (<= 809.98): Framer sets aspect-ratio 1.7777 inline at runtime, phone photo contained ---------- */
@media (max-width: 809.98px) {
  .nf-page > section.nf-rs-banner { aspect-ratio: 1.7777777777777777; height: auto; }
  .nf-rs-banner__img { object-fit: contain; }
}