/* T146 — Increase the perceived contrast of the single continuous homepage
   background on iPhone/iPad Safari. Scope: homepage lower content only.
   No cards, spacing, sections, NFC page, or other routes are changed. */

@media (max-width: 920px) {
  @supports (-webkit-touch-callout: none) {
    /* T145 already provides the one fixed background for everything below the
       live hero. This override only shows more of the illuminated architecture
       and reduces the dark veil to match the desktop appearance more closely. */
    body.nile-home-active::before {
      background:
        linear-gradient(180deg,
          rgba(2, 11, 25, .57) 0%,
          rgba(2, 11, 25, .50) 34%,
          rgba(2, 11, 25, .53) 72%,
          rgba(2, 7, 18, .61) 100%),
        #020713 url("assets/home-policy-scene-mobile.jpg") center 69% / auto 128% no-repeat !important;
    }
  }
}

/* Slightly wider Apple tablets need a calmer crop while keeping the same
   visibility and continuous-background behavior. */
@media (min-width: 601px) and (max-width: 920px) {
  @supports (-webkit-touch-callout: none) {
    body.nile-home-active::before {
      background:
        linear-gradient(180deg,
          rgba(2, 11, 25, .59) 0%,
          rgba(2, 11, 25, .53) 42%,
          rgba(2, 7, 18, .62) 100%),
        #020713 url("assets/home-policy-scene-desktop.jpg") center 58% / cover no-repeat !important;
    }
  }
}