/* Clinical Research page-specific visual rules — 2026-08-30.
   Loaded only by page-clinical-research.php.
   Hero uses unique classes so legacy .work-hero rules cannot override positioning. */

/* HERO — conflict-free structure */
.clinical-research-hero{
  position:relative;
  min-height:clamp(520px,43vw,640px);
  overflow:hidden;
  isolation:isolate;
  margin:0;
  padding:0;
  background:#1d1b18;
}
.clinical-research-hero__media{
  position:absolute;
  inset:0;
  z-index:0;
  margin:0;
  width:100%;
  height:100%;
}
.clinical-research-hero__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:none;
  transform:none;
}
.clinical-research-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(18,16,14,.78) 0%,rgba(18,16,14,.60) 31%,rgba(18,16,14,.28) 52%,rgba(18,16,14,.06) 72%,rgba(18,16,14,0) 100%);
}
.clinical-research-hero__content{
  position:absolute;
  z-index:2;
  left:clamp(48px,7vw,108px);
  top:50%;
  transform:translateY(-50%);
  width:min(44vw,620px);
  max-width:620px;
  margin:0;
  padding:0;
}
.clinical-research-hero__content h1{
  margin:0;
  max-width:600px;
  color:#fff;
  font-size:clamp(58px,6vw,88px);
  line-height:.92;
  letter-spacing:-.045em;
}
.clinical-research-hero__content h1 em{
  color:var(--aurum-gold,#e9ad2f);
  font-style:normal;
}
.clinical-research-hero__content p{
  margin:20px 0 0;
  max-width:590px;
  color:#fff;
  font-size:clamp(16px,1.25vw,19px);
  line-height:1.52;
}

/* FIVE INFRASTRUCTURE CARDS — preserve existing behavior while giving photos more presence. */
.infra-grid--with-images{align-items:stretch!important;}
.infra-grid--with-images .infra-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:100%!important;
  padding:14px!important;
}
.infra-grid--with-images .clinical-infra-image{
  width:100%!important;
  height:160px!important;
  flex:0 0 160px!important;
  margin:0 0 12px!important;
  overflow:hidden!important;
  border-radius:9px!important;
  background:transparent!important;
}
.infra-grid--with-images .clinical-infra-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:none!important;
}
.infra-grid--with-images .infra-card>b{
  display:block!important;
  margin:0 0 8px!important;
  line-height:1!important;
}
.infra-grid--with-images .infra-card h3{
  margin:0 0 10px!important;
  font-size:clamp(21px,1.7vw,27px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
.infra-grid--with-images .infra-card p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.42!important;
}

@media (max-width:1179px) and (min-width:851px){
  .infra-grid--with-images .clinical-infra-image{
    height:150px!important;
    flex-basis:150px!important;
  }
}

@media (max-width:850px){
  .clinical-research-hero{
    min-height:clamp(500px,120vw,660px);
  }
  .clinical-research-hero__media img{
    object-position:62% center;
  }
  .clinical-research-hero::after{
    background:linear-gradient(180deg,rgba(18,16,14,.06) 0%,rgba(18,16,14,.25) 40%,rgba(18,16,14,.84) 100%);
  }
  .clinical-research-hero__content{
    left:24px;
    right:24px;
    top:auto;
    bottom:34px;
    transform:none;
    width:auto;
    max-width:none;
  }
  .clinical-research-hero__content h1{
    max-width:520px;
    font-size:clamp(46px,13vw,68px);
  }
  .clinical-research-hero__content p{
    margin-top:16px;
    max-width:520px;
    font-size:16px;
    line-height:1.46;
  }
  .infra-grid--with-images .infra-card{padding:14px!important;}
  .infra-grid--with-images .clinical-infra-image{
    height:clamp(190px,52vw,260px)!important;
    flex-basis:auto!important;
    margin-bottom:12px!important;
  }
  .infra-grid--with-images .infra-card h3{
    margin-bottom:9px!important;
    font-size:clamp(24px,7vw,30px)!important;
  }
}

/* OVERVIEW — Option 2: proportional 40/60 split.
   Structural refinement only: preserve copy, colors, typography language and card behavior. */
@media (min-width:851px){
  .clinical-research-panel .clinical-overview-grid{
    grid-template-columns:minmax(0, 2fr) minmax(0, 3fr)!important;
    align-items:stretch!important;
    gap:clamp(18px,2vw,30px)!important;
  }
  .clinical-research-panel .clinical-overview-grid>.clinical-copy-block{
    height:auto!important;
    min-height:0!important;
  }
  .clinical-research-panel .clinical-overview-grid>.clinical-copy-block:first-child{
    align-self:stretch!important;
  }
  .clinical-research-panel .clinical-overview-grid>.clinical-partnership-block{
    align-self:stretch!important;
  }
}

@media (max-width:850px){
  .clinical-research-panel .clinical-overview-grid{
    grid-template-columns:1fr!important;
  }
}