/* V39 — homepage refinement approved 2026-09-11.
   The archive card is deliberately smaller and inset; the biography remains primary. */
body.home-page{--v39-gray:#D7D7D2;--v39-gray-dark:#9A9A94}

@media (min-width:981px){
  .home-entry{
    grid-template-columns:minmax(0,58%) minmax(360px,42%);
    gap:clamp(28px,3.4vw,58px);
    min-height:0;
    padding:clamp(30px,3.2vw,54px) var(--gut) clamp(46px,5vw,78px);
    align-items:start;
    background:#fff;
  }
  .home-entry-copy{
    border-inline-end:0;
    padding:clamp(8px,1vw,18px) 0 0;
    min-height:clamp(690px,76vh,840px);
  }
  .home-entry-intro{max-width:820px}
  .home-entry-visual{
    position:sticky;
    top:calc(var(--nav-height,56px) + clamp(24px,2.6vw,42px));
    height:auto;
    min-height:0;
    max-width:690px;
    width:100%;
    justify-self:stretch;
    grid-template-rows:auto auto auto;
    border:1px solid #111110;
    box-shadow:none;
  }
  html[dir=ltr] .home-entry-visual{justify-self:end}
  html[dir=rtl] .home-entry-visual{justify-self:start}
  .ha-frame{
    aspect-ratio:4/3;
    min-height:0;
    padding:clamp(16px,1.8vw,26px);
  }
  .ha-frame img{
    width:100%;height:100%;max-height:none;object-fit:contain;
  }
  .ha-visual-copy{padding:clamp(17px,1.8vw,25px) clamp(18px,2vw,28px) clamp(20px,2.2vw,30px)}
  .ha-visual-copy h2{font-size:clamp(25px,2vw,34px)}
  .ha-visual-desc{font-size:13.5px;line-height:1.58}
  .ha-timeline{margin-top:clamp(42px,6.5vh,78px)}
}

/* Secondary information may use neutral gray; yellow remains the active/open marker. */
.ha-visual-cap,.ha-visual-desc{color:var(--v39-gray)!important;opacity:1!important}
.home-page .stage-meta,.home-page .vrow-m{color:#BDBDB8!important;opacity:1!important}

/* Original image and logo colours are part of the archive material, not the UI palette. */
body.home-page img{filter:none!important}
.ha-frame img,.home-page .latest35-image.is-logo img,.home-page .dh-photo img{filter:none!important}

/* File 4217 now follows video interviews on the homepage. Give it breathing room there. */
#videos + #file-4217{border-top:2px solid #111110}

@media(max-width:980px){
  .home-entry{padding:0;gap:0}
  .home-entry-copy{min-height:0}
  .home-entry-visual{border-left:0;border-right:0}
}