/*
 * Aurum Institute — HIV mobile single-hero correction
 * 2026-09-02
 *
 * Purpose:
 * - HIV now has ONE hero in the DOM.
 * - Desktop remains the existing dedicated HIV hero.
 * - At <= 900px, that same hero adopts the approved TB-style full-bleed behavior.
 * - No second/duplicate mobile hero is rendered or required.
 */

@media (max-width: 900px) {
  /* Re-enable the single real HIV hero and neutralise every legacy split-layout rule. */
  body .hiv-photo-hero.hiv-photo-hero--premium.hiv-photo-hero--desktop {
    display: block !important;
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    min-height: clamp(650px, 150vw, 790px) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #191613 !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }

  /* Kill decorative/split pseudo-elements from older HIV mobile experiments. */
  body .hiv-photo-hero.hiv-photo-hero--premium.hiv-photo-hero--desktop::before {
    content: none !important;
    display: none !important;
  }

  body .hiv-photo-hero.hiv-photo-hero--premium.hiv-photo-hero--desktop::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: auto !important;
    height: auto !important;
    background: linear-gradient(
      180deg,
      rgba(17,15,13,.02) 0%,
      rgba(17,15,13,.08) 34%,
      rgba(17,15,13,.38) 62%,
      rgba(17,15,13,.84) 100%
    ) !important;
    pointer-events: none !important;
  }

  /* The approved HIV photograph fills the same single hero, exactly like TB. */
  body .hiv-photo-hero.hiv-photo-hero--premium.hiv-photo-hero--desktop .hiv-photo-hero__picture {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body .hiv-photo-hero.hiv-photo-hero--premium.hiv-photo-hero--desktop .hiv-photo-hero__image {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: 70% 50% !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  /* One content layer, anchored to the bottom of the photograph. */
  body .hiv-photo-hero.hiv-photo-hero--premium.hiv-photo-hero--desktop .hiv-photo-hero__content {
    display: flex !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 32px 22px 34px !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-start !important;
    background: transparent !important;
    color: #fff !important;
    transform: none !important;
  }

  body .hiv-photo-hero.hiv-photo-hero--premium.hiv-photo-hero--desktop .hiv-photo-hero__content > * {
    width: 100% !important;
    max-width: 33ch !important;
  }

  body .hiv-photo-hero.hiv-photo-hero--premium.hiv-photo-hero--desktop .hiv-photo-hero__eyebrow {
    margin: 0 0 12px !important;
    color: #efb52d !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }

  body .hiv-photo-hero.hiv-photo-hero--premium.hiv-photo-hero--desktop .hiv-photo-hero__content h1 {
    margin: 0 0 14px !important;
    color: #fff !important;
    font-size: clamp(2.9rem, 12vw, 3.7rem) !important;
    line-height: .94 !important;
    letter-spacing: -.035em !important;
  }

  body .hiv-photo-hero.hiv-photo-hero--premium.hiv-photo-hero--desktop .hiv-photo-hero__content > p:last-child {
    margin: 0 !important;
    max-width: 33ch !important;
    color: #fff !important;
    font-size: clamp(.96rem, 3.9vw, 1.05rem) !important;
    line-height: 1.48 !important;
  }

  /* Defensive cleanup in case stale CSS for the retired duplicate class remains cached. */
  body .hiv-mobile-standard-hero {
    display: none !important;
  }
}