.pb{padding-block:clamp(64px,8vw,120px)}
.pb__head{display:grid;gap:10px;margin-bottom:clamp(32px,5vw,64px)}
.pb__title .hl{margin-left:.1em}
.pb__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(24px,5vw,80px);align-items:start}
.pb__stage{position:sticky;top:calc(var(--header-h) + 24px);aspect-ratio:4/5;max-width:380px;overflow:hidden;border-radius:4px;background:transparent}
.pb__photo{position:absolute;inset:0;opacity:0;transform:translateX(-24px);transition:opacity var(--base) var(--ease),transform var(--base) var(--ease);pointer-events:none}
.pb__photo.is-on{opacity:1;transform:none}
.pb__photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05)}
.pb__listlabel{margin-bottom:12px}
.pb__row{border-top:1px solid var(--line)}
.pb__row:last-child{border-bottom:1px solid var(--line)}
.pb__btn{display:flex;justify-content:space-between;gap:20px;align-items:baseline;width:100%;padding:18px 0;text-align:left;transition:opacity var(--base) var(--ease)}
.pb__name{font-size:var(--fs-h5);font-weight:500}
.pb__role{font-size:14px;color:var(--muted);text-align:right}
.pb.has-open .pb__row:not(.is-open) .pb__btn{opacity:.4}
.pb.has-open .pb__row:not(.is-open) .pb__btn:hover{opacity:.75}
.pb__m{display:none}
.pb .btn{margin-top:32px}
@media (max-width:900px){
	.pb__grid{grid-template-columns:1fr}.pb__stage{display:none}
	/* mobile: the photo opens under the name with the accordion timing */
	.pb__m{display:grid;grid-template-rows:0fr;transition:grid-template-rows 500ms var(--ease)}
	.pb__row.is-open .pb__m{grid-template-rows:1fr}
	.pb__mclip{overflow:hidden;min-height:0}
	.pb__mphoto{aspect-ratio:4/5;max-width:320px;margin:0 0 20px;overflow:hidden;border-radius:4px;opacity:0;transition:opacity var(--base) var(--ease)}
	.pb__row.is-open .pb__mphoto{opacity:1}
	.pb__mphoto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
	.pb__btn{flex-direction:column;gap:2px}.pb__role{text-align:left}
}