/* About: seamless portrait edges and understated press credentials. */
.bio-content .bio-portrait{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 72%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 86%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 72%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
.press-event-logos{display:flex;align-items:center;gap:48px;flex-wrap:wrap;margin:32px 0 40px;padding:28px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.press-event-logos figure{margin:0;flex:0 1 220px;display:flex;flex-direction:column;align-items:center;gap:16px}
.press-event-logos img{display:block;width:100%;height:105px;object-fit:contain;filter:grayscale(1);opacity:.68}
.press-event-logos figcaption{font-size:.75rem;letter-spacing:.12em;line-height:1.5;color:#909b94;text-align:center}
@media(max-width:800px){
.bio-content .bio-portrait{height:380px;object-position:100% center}
.press-event-logos{gap:24px;justify-content:center;padding:24px 0}
.press-event-logos figure{flex:1 1 130px;max-width:190px}
.press-event-logos img{height:85px}
}

/* Uniform supplied portrait: retain the face and shoulders, fade only below. */
.bio-page .bio-content .bio-portrait{
  mix-blend-mode:lighten;
  object-position:center;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%);
  -webkit-mask-composite:source-over;mask-composite:add;
}
@media(max-width:800px){.bio-page .bio-content .bio-portrait{object-position:right center}}

/* Mobile: full portrait, name over the lower right torso. */
@media(max-width:800px){
 .bio-page .bio-content .bio-intro{display:block;position:relative;isolation:isolate}
 .bio-page .bio-content .bio-intro-copy{width:100%;position:relative;z-index:1}
 .bio-page .bio-content .bio-intro h1{position:relative;width:max-content;max-width:100%;margin:0 0 24px auto;padding-top:260px;min-height:0;font-size:clamp(42px,11.5vw,62px);line-height:1.092;text-align:left;background:transparent}
 .bio-page .bio-content .bio-intro-copy>.kicker{display:block;margin-bottom:24px}
 .bio-page .bio-content .bio-portrait{position:absolute;inset:30px 0 auto auto;width:100%;height:420px;margin:0;z-index:0;object-fit:cover;object-position:100% center;pointer-events:none;mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(180deg,#000 65%,transparent 100%);mask-image:linear-gradient(180deg,#000 65%,transparent 100%);-webkit-mask-composite:source-over;mask-composite:add}
 .bio-page .bio-content .bio-role{position:relative;margin-top:28px}
}