/* Jean-Pierre page only; the shared stylesheet remains unchanged. */
.jean-pierre-page .page-title h1{font-size:clamp(2rem,4.5vw,4.6rem);letter-spacing:-.025em}
.jp-portraits{display:grid;grid-template-columns:1fr 1.18fr;gap:32px;max-width:620px;margin:0 auto 28px;align-items:center}.jp-portraits figure{margin:0}.jp-portraits img{width:100%;height:auto}.jean-pierre-page .page-title{padding:32px 0 20px}.jp-opening{padding:0 0 40px;max-width:960px}
.jp-about figure{margin:0}
.jp-performance h2{font-size:clamp(1.5rem,2.4vw,2.3rem);margin:0 0 24px}.jp-performance{min-width:0}
.jp-about{border-top:1px solid var(--line);padding:48px 0 72px}.jp-about h2{font-size:2rem}.jp-about p{color:var(--muted);max-width:650px}
.jp-history{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:6%;align-items:start}.jp-memories{max-width:310px}
.jp-recording{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:6%;align-items:center;margin-top:40px}.jp-recording img{max-height:510px;width:auto;max-width:100%}.jp-about .jp-signature{color:var(--gold);margin-top:30px}
@media(max-width:760px){.jp-opening,.jp-history,.jp-recording{grid-template-columns:1fr;gap:28px}.jp-opening{padding-bottom:36px}.jean-pierre-page .page-title{padding:28px 0 18px}.jp-performance h2{margin-bottom:18px}.jp-about{padding:32px 0 48px}.jp-recording{margin-top:32px}.jp-recording img{max-height:430px;margin:auto}.jp-memories{gap:14px}}

/* Portraits use two columns above phone widths and keep their original proportions. */
@media(max-width:600px){.jp-portraits{grid-template-columns:1fr;gap:24px;margin-top:24px;max-width:260px}}