.home-about-short{padding-block:4rem;display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(2rem,6vw,7rem);border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:2rem}
.home-about-short h2{font:400 clamp(2.8rem,4.5vw,4.5rem)/1.1 var(--serif);letter-spacing:-.035em;margin-top:1.1rem;max-width:12ch}
.home-about-short .home-about-body{font-size:1.0625rem;line-height:1.85;color:var(--muted);max-width:48ch;margin-bottom:1.5rem}
.biography-hero{padding-top:3.5rem}
.biography-hero-top{display:grid;grid-template-columns:1fr 1.05fr;align-items:end;gap:3rem;margin-bottom:2.5rem}
.biography-hero h1{font:400 clamp(3.4rem,6.5vw,6rem)/1.04 var(--serif);letter-spacing:-.04em;margin:.9rem 0 1.2rem;max-width:12ch}
.biography-role{font-size:.875rem;line-height:1.8;color:var(--muted);letter-spacing:.07em}
.biography-lead{font:400 clamp(1.7rem,2.8vw,2.6rem)/1.3 var(--serif);letter-spacing:-.015em;max-width:24ch;padding-bottom:.1rem}
.biography-portrait{margin:0;overflow:hidden;aspect-ratio:16/9;background:var(--ink)}
.biography-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 59%;display:block}
.biography-portrait:has(>img[src="/assets/jan-pmc-seated-2026.jpg"]){aspect-ratio:3/2}
.biography-portrait img[src="/assets/jan-pmc-seated-2026.jpg"]{object-position:center 43%}
.biography-opening{max-width:48rem;margin:2.5rem auto 0}
.biography-story{max-width:48rem;margin:0 auto;padding:0;border:0}
.biography-copy{min-width:0}
.biography-opening>p,.biography-copy>p{font:400 clamp(1rem,1.2vw,1.125rem)/1.85 var(--sans);color:var(--ink);white-space:pre-line;overflow-wrap:break-word;margin:0 0 1.4rem}
.biography-copy>p:empty{display:none}
.biography-copy .biography-inline-link{color:var(--accent);text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}.biography-copy .biography-inline-link:hover{color:var(--ink)}
.biography-optional-link:empty,.biography-optional-link[href=""]{display:none}
.biography-copy .text-link{font-size:.875rem;line-height:1.7;margin-top:.2rem}
.biography-workshop{margin:2rem 0 0}
.biography-workshop img{width:100%;height:auto;display:block}
.biography-workshop figcaption{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:.9rem}
.biography-close{max-width:48rem;margin:0 auto;padding-block:0 4rem}
.biography-actions{display:flex;gap:1.25rem 2rem;flex-wrap:wrap;align-items:center;margin-top:2rem}
.biography-page #track-template{display:none}
@media(max-width:900px){.biography-hero-top{gap:2rem}.home-about-short{gap:2rem}.biography-lead{font-size:1.8rem}}
@media(max-width:760px){.home-about-short{grid-template-columns:1fr;gap:1.4rem;padding-block:2.8rem}.home-about-short h2{max-width:none;font-size:2.8rem}.home-about-short .home-about-body{font-size:1rem;margin-bottom:1.2rem}.biography-hero{padding-top:2.4rem}.biography-hero-top{grid-template-columns:1fr;gap:1.4rem;margin-bottom:1.8rem}.biography-hero h1{font-size:3.7rem;max-width:12ch}.biography-role{font-size:.875rem;letter-spacing:.035em}.biography-lead{font-size:1.8rem;max-width:25ch}.biography-portrait{aspect-ratio:4/3}.biography-opening{margin-top:1.8rem}.biography-workshop{margin-top:1.5rem}.biography-workshop figcaption{font-size:.875rem}.biography-close{padding-bottom:3.5rem}.biography-actions{gap:1rem 1.5rem}}
@media(max-width:380px){.biography-hero h1{font-size:3.2rem}.biography-hero-top{gap:1rem}.biography-lead{font-size:1.65rem}}

@media(max-width:760px){.biography-portrait:has(>img[src="/assets/jan-pmc-seated-2026.jpg"]){aspect-ratio:6/5}.biography-portrait img[src="/assets/jan-pmc-seated-2026.jpg"]{object-position:center 40%}}