/* Biography */
.bio-text{font-size:var(--fs-body);line-height:1.65}
.bio-text p{margin:0 0 1.1em}
.bio-img{margin:0}
.bio-img .ph{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:clamp(14px,2vw,26px)}
.bio-img img{display:block;width:100%;height:auto}
/* colour overlay – set per image in /admin/biography.html */
.bio-img .ph::after{content:"";position:absolute;inset:0;background:var(--ov,transparent);opacity:var(--ova,0);mix-blend-mode:var(--ovb,normal);pointer-events:none}
.bio-img figcaption{font-size:var(--fs-small);color:var(--muted);margin-top:8px;text-align:center}
.bio-img.duo img{filter:url(#duotone)}
:root[data-theme="dark"] .bio-img.duo img{filter:url(#duotone-dark)}
/* download link sits on the caption line, as a quiet text link */
.bio-img .cap + .dl::before{content:"·";display:inline-block;margin:0 .55em;color:var(--faint);text-decoration:none}
.bio-img .dl{color:var(--muted);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px;white-space:nowrap}
.bio-img .dl:hover{color:var(--ink);text-decoration-color:currentColor}

.bio-top{display:grid;grid-template-columns:1fr 1.05fr 0.9fr;gap:clamp(24px,4vw,64px);align-items:start;margin-bottom:clamp(50px,7vw,100px)}
.bio-portrait{margin-top:2vw}
.bio-main{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.bio-pics{position:sticky;top:30px}
.bio-pics{display:grid;gap:clamp(20px,3vw,40px)}
.bio-small{width:min(370px,60%);justify-self:end}

@media (max-width:900px){
  .bio-top{grid-template-columns:1fr 1fr}
  .bio-top .bio-text{grid-column:1 / -1}
  .bio-portrait{margin-top:0}
  .bio-main{grid-template-columns:1fr}
  .bio-pics{position:static}
  .bio-main .bio-text{order:-1}
}
@media (max-width:520px){
  .bio-top{grid-template-columns:1fr}
}