/* ==========================================================
   JUST BLOOD - Homepage (v19) per JB_Full_View_FINAL_9_15E_FinalC.psb
   - Top navigation bar returns (48px black bar, logo left, tabs right)
   - New hero: "THE SCIENTIFIC CALL" (single image, text baked in)
   - "A conversation between" intro and closing phone call removed
   ========================================================== */
html.no-top-nav { --header-h:48px; scroll-padding-top:48px; }

/* ---------- Top bar ---------- */
.site-header.home-bar { position:sticky; top:0; z-index:100; padding-top:var(--safe-top); background:#000; border-bottom:0; }
.home-bar .header-inner { height:48px; padding:0 max(2.85vw,16px) 0 max(2.85vw,16px); }
.home-bar .logo-img { height:20px; }
.home-bar .main-nav .nav-list li { padding:0 clamp(8px,1.1vw,15px); }
.home-bar .nav-list a { font-size:clamp(10px,.82vw,12px); }
.home-bar .nav-list a[aria-current="page"] { color:var(--cyan-bright); text-shadow:none; }
@media (min-width:1180px) { .home-bar .main-nav .nav-list li:last-child { padding-right:0; } }
@media (max-width:1179px) {
  .home-bar .main-nav { top:calc(48px + var(--safe-top)); }
}

/* ---------- Hero ---------- */
.hero.hero-call { background:#000; }
.hero-call .hero-bg { display:block; width:100%; height:auto; }
.hero-call .scroll-ind { bottom:1.2vw; }

/* ---------- Opening call lines + phone ---------- */
.call-open { padding-top:clamp(40px,5vw,70px); }
.call-open .call-inner { align-items:start; }
.call-open .call-phone { margin-top:clamp(0px,2vw,28px); }
.call-open .line { margin-bottom:clamp(36px,4.4vw,62px); }
.call-open .line .who, .transcript .line .who { margin-left:0; text-align:center; }
.call-open .line:last-child { margin-bottom:0; }
.transcript { padding-top:0; }
.transcript-inner { border-top:0; }
@media (max-width:760px) {
  .call-open .call-inner { gap:28px; }
  .call-open .call-phone { margin:0 auto; order:2; }
  .call-open .line .who, .transcript .line .who { text-align:left; }
}

/* Opening lines sized like the PSB (about 26px at 1366px wide) */
.call-open .call-inner { max-width:1020px; grid-template-columns:minmax(0,1fr) auto; gap:clamp(30px,5vw,80px); }
.call-open .line p { font-size:clamp(20px,1.95vw,28px); line-height:1.4; letter-spacing:0; }
.call-open .line { margin-bottom:clamp(30px,3.4vw,48px); }
.call-open .call-phone { width:min(300px,26vw); }
@media (max-width:760px) { .call-open .call-phone { width:min(260px,70%); } }