
/* v71 — Clinical principal hero
   Left-hand hierarchy matches Science. Right-hand visual is intentionally only
   the Human Study / 260 adults card. The proof boxes are part of hero depth. */

body.clinical-v71 .study-hero--principal-v71 {
  background: #111216 !important;
  color: #fff;
}

body.clinical-v71 .study-hero--principal-v71 .study-hero__backdrop {
  background:
    radial-gradient(circle at 78% 31%, rgba(142,31,48,.24), transparent 31%),
    linear-gradient(135deg,#111216 0%,#171318 59%,#0d0e11 100%) !important;
}

@media (min-width:1024px){
  body.clinical-v71 .study-hero--principal-v71 .study-hero__grid {
    min-height: 568px !important;
    padding-top: 92px !important;
    padding-bottom: 54px !important;
    box-sizing: border-box;
    grid-template-columns: minmax(0,1.08fr) minmax(400px,.92fr) !important;
    gap: clamp(44px,6vw,92px) !important;
    align-items: start !important;
  }

  body.clinical-v71 .study-hero__copy {
    align-self: start !important;
    max-width: 720px !important;
  }

  body.clinical-v71 .study-hero__copy > .eyebrow {
    margin-bottom: 18px !important;
    color: #e6b86f !important;
  }

  body.clinical-v71 .study-hero h1 {
    margin: 0 !important;
    max-width: 720px !important;
    font-size: clamp(56px,5vw,82px) !important;
    font-weight: 570 !important;
    line-height: .99 !important;
    letter-spacing: -.057em !important;
  }

  body.clinical-v71 .study-hero h1 span {
    display: block !important;
    width: max-content;
    max-width: 100%;
    white-space: nowrap;
  }

  body.clinical-v71 .study-hero h1 .study-hero__accent {
    color: #e6b86f !important;
  }

  body.clinical-v71 .study-hero__lead {
    max-width: 590px !important;
    margin-top: 26px !important;
    color: rgba(255,255,255,.70) !important;
    font-size: clamp(17px,1.25vw,20px) !important;
    line-height: 1.55 !important;
  }

  body.clinical-v71 .study-hero__actions {
    margin-top: 28px !important;
  }

  body.clinical-v71 .study-hero__study-card {
    width: min(100%,390px);
    min-height: 330px;
    align-self: center;
    justify-self: end;
  }
}

body.clinical-v71 .study-hero__study-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 42px;
  border: 1px solid rgba(230,184,111,.26);
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 24%, rgba(201,71,88,.22), transparent 44%),
    linear-gradient(145deg, rgba(100,22,36,.78), rgba(45,17,25,.92));
  box-shadow: 0 34px 90px rgba(0,0,0,.28);
  text-align: center;
}

body.clinical-v71 .study-hero__study-card span {
  color: #e6b86f;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}

body.clinical-v71 .study-hero__study-card strong {
  margin-top: 18px;
  color: #fff;
  font-size: clamp(82px,8vw,126px);
  font-weight: 520;
  line-height: .82;
  letter-spacing: -.075em;
}

body.clinical-v71 .study-hero__study-card small {
  margin-top: 18px;
  color: rgba(255,255,255,.68);
  font-size: 18px;
}

/* Four boxes + the shortened status line remain inside the hero. */
body.clinical-v71 .study-hero__foot {
  display: block !important;
  border-top: 1px solid rgba(255,255,255,.15) !important;
}

body.clinical-v71 .study-hero__metrics {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}

body.clinical-v71 .study-hero__metrics article {
  min-height: 88px;
  box-sizing: border-box;
  padding: 17px clamp(18px,2vw,32px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid rgba(255,255,255,.15);
}

body.clinical-v71 .study-hero__metrics article:first-child { padding-left:0; }
body.clinical-v71 .study-hero__metrics article:last-child { border-right:0; padding-right:0; }

body.clinical-v71 .study-hero__metrics strong {
  color:#fff;
  font-size:17px;
  font-weight:620;
  line-height:1.2;
  letter-spacing:-.02em;
}

body.clinical-v71 .study-hero__metrics span {
  margin-top:6px;
  color:rgba(255,255,255,.55);
  font-size:11px;
  line-height:1.35;
  letter-spacing:.07em;
  text-transform:uppercase;
}

body.clinical-v71 .study-hero__disclaimer {
  min-height:30px !important;
  margin:0 !important;
  padding:7px 0 8px !important;
  border-top:1px solid rgba(255,255,255,.09);
  color:rgba(255,255,255,.42) !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

@media (max-width:1023px){
  body.clinical-v71 .study-hero--principal-v71 .study-hero__grid {
    min-height:0 !important;
    grid-template-columns:1fr !important;
    padding-top:72px !important;
    padding-bottom:42px !important;
    gap:42px !important;
  }

  body.clinical-v71 .study-hero h1 {
    font-size:clamp(50px,8vw,72px) !important;
    line-height:1 !important;
  }

  body.clinical-v71 .study-hero h1 span {
    white-space:normal;
    width:auto;
  }

  body.clinical-v71 .study-hero__study-card {
    width:min(100%,520px);
    min-height:280px;
    justify-self:start;
  }

  body.clinical-v71 .study-hero__metrics {
    grid-template-columns:repeat(2,1fr);
  }

  body.clinical-v71 .study-hero__metrics article:nth-child(2){border-right:0;}
  body.clinical-v71 .study-hero__metrics article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14);}
  body.clinical-v71 .study-hero__metrics article:nth-child(3){padding-left:0;}
}

@media (max-width:760px){
  body.clinical-v71 .study-hero--principal-v71 .study-hero__grid {
    padding-top:54px !important;
    padding-bottom:34px !important;
  }

  body.clinical-v71 .study-hero h1 {
    font-size:clamp(43px,12vw,59px) !important;
    line-height:1.02 !important;
  }

  body.clinical-v71 .study-hero__lead {
    margin-top:22px !important;
    font-size:16px !important;
  }

  body.clinical-v71 .study-hero__study-card {
    min-height:230px;
    border-radius:22px;
  }

  body.clinical-v71 .study-hero__study-card strong {
    font-size:84px;
  }

  body.clinical-v71 .study-hero__metrics {
    grid-template-columns:1fr;
  }

  body.clinical-v71 .study-hero__metrics article,
  body.clinical-v71 .study-hero__metrics article:first-child,
  body.clinical-v71 .study-hero__metrics article:last-child,
  body.clinical-v71 .study-hero__metrics article:nth-child(3){
    min-height:0;
    padding:18px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.14);
  }

  body.clinical-v71 .study-hero__metrics article:last-child {
    border-bottom:0;
  }
}
