/* HIV integrity pass — scoped to HIV only. Keeps shared TB/other-area components untouched. */

/* Project cards: same overall TB card behavior, but a taller image window so people are visible. */
.area-work-section--hiv .project-card-image{
  margin:0 0 18px;
  width:100%;
  aspect-ratio:16/9;
  min-height:0;
  overflow:hidden;
  border-radius:10px;
  background:#2f7888;
}
.area-work-section--hiv .project-card-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}
/* Image-specific focal points: protect faces/heads. */
.area-work-section--hiv #impaact4hiv .project-card-image img{object-position:center 48%;}
.area-work-section--hiv #key-populations .project-card-image img{object-position:center 38%;}
.area-work-section--hiv #hiv-care-treatment .project-card-image img{object-position:center 42%;}

.area-work-section--hiv .feature-card-project-logo{
  height:72px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:8px 0 14px;
}
.area-work-section--hiv .feature-card-project-logo img{
  display:block;
  width:auto;
  max-width:100%;
  max-height:66px;
  object-fit:contain;
  object-position:left center;
}
.area-work-section--hiv .feature-card--revised h3{margin-top:12px;margin-bottom:14px;}
.area-work-section--hiv .feature-card--revised p{margin-top:0;}


/* ================================================================
   HIV HERO — FINAL REFERENCE MATCH
   Keeps the approved HIV page structure/cards untouched.
   ================================================================ */
.hiv-photo-hero--premium{
  position:relative;
  width:100%;
  min-height:600px;
  height:clamp(600px,43vw,700px);
  overflow:hidden;
  isolation:isolate;
  background:#ece8e3;
}
.hiv-photo-hero--premium .hiv-photo-hero__picture,
.hiv-photo-hero--premium .hiv-photo-hero__image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
}
.hiv-photo-hero--premium .hiv-photo-hero__image{
  object-fit:cover;
  object-position:center center;
  filter:none!important;
  opacity:1!important;
}

/* This is a soft photographic veil, not a black fade. */
.hiv-photo-hero--premium::after{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:46%;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(
    90deg,
    rgba(37,31,25,.13) 0%,
    rgba(37,31,25,.10) 64%,
    rgba(37,31,25,.04) 84%,
    rgba(37,31,25,0) 100%
  );
}
.hiv-photo-hero--premium .hiv-photo-hero__content{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  z-index:2;
  width:min(100%,1440px);
  height:100%;
  min-height:inherit;
  margin:0 auto;
  padding:clamp(66px,7vw,104px) clamp(58px,6.5vw,96px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
}
.hiv-photo-hero--premium .hiv-photo-hero__content>*{
  width:min(520px,40vw);
  max-width:520px;
}
.hiv-photo-hero--premium .hiv-photo-hero__eyebrow{
  margin:0 0 17px;
  color:#efb22f;
  font-family:"DM Sans",sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.hiv-photo-hero--premium h1{
  margin:0 0 26px;
  color:#fff;
  font-family:"DM Sans",sans-serif;
  font-size:clamp(58px,4.8vw,78px);
  font-weight:600;
  line-height:.96;
  letter-spacing:-.045em;
}
.hiv-photo-hero--premium .hiv-photo-hero__content>p:last-child{
  margin:0;
  color:#fff;
  font-family:"Inter",sans-serif;
  font-size:clamp(17px,1.28vw,20px);
  font-weight:400;
  line-height:1.62;
  text-shadow:0 1px 5px rgba(0,0,0,.16);
}

@media (max-width:900px){
  .hiv-photo-hero--premium{
    min-height:640px;
    height:640px;
  }
  .hiv-photo-hero--premium::after{ width:54%; }
  .hiv-photo-hero--premium .hiv-photo-hero__content{
    padding:54px 36px;
  }
  .hiv-photo-hero--premium .hiv-photo-hero__content>*{
    width:min(470px,54vw);
  }
}

@media (max-width:620px){
  .hiv-photo-hero--premium{
    min-height:790px;
    height:790px;
  }
  .hiv-photo-hero--premium .hiv-photo-hero__image{
    object-fit:cover;
    object-position:center top;
  }
  .hiv-photo-hero--premium::after{
    inset:auto 0 0 0;
    width:100%;
    height:58%;
    background:linear-gradient(
      0deg,
      rgba(31,26,22,.24) 0%,
      rgba(31,26,22,.18) 56%,
      rgba(31,26,22,.07) 82%,
      rgba(31,26,22,0) 100%
    );
  }
  .hiv-photo-hero--premium .hiv-photo-hero__content{
    justify-content:flex-end;
    padding:34px 22px 32px;
  }
  .hiv-photo-hero--premium .hiv-photo-hero__content>*{
    width:100%;
    max-width:none;
  }
  .hiv-photo-hero--premium .hiv-photo-hero__eyebrow{
    font-size:13px;
    margin-bottom:10px;
  }
  .hiv-photo-hero--premium h1{
    font-size:50px;
    margin-bottom:14px;
  }
  .hiv-photo-hero--premium .hiv-photo-hero__content>p:last-child{
    font-size:14.5px;
    line-height:1.48;
  }
}

@media (max-width:420px){
  .hiv-photo-hero--premium{
    min-height:820px;
    height:820px;
  }
  .hiv-photo-hero--premium .hiv-photo-hero__content{
    padding:30px 20px;
  }
}