/* Asymmetric portrait editorial; preserve natural photo proportions. */
.about-performers{scroll-margin-top:110px}
.about-performers-heading{max-width:850px}
.about-performers-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1fr);gap:clamp(48px,7vw,108px);align-items:start;margin-top:56px;padding-inline:clamp(0px,3vw,40px)}
.about-performer{min-width:0}
.about-performer-shadow{margin-top:190px}
.about-performer figure{margin:0 0 28px;aspect-ratio:3/2;border-radius:28px;overflow:hidden}
.about-performer-magic figure{aspect-ratio:2/3}
.about-performer img{display:block;width:100%;height:100%;object-fit:cover}
.about-performer-copy{padding-left:20px;border-left:2px solid var(--blue)}
.about-performer h3{font-size:24px;font-weight:500;line-height:1.5;color:var(--blue-deep);margin:0 0 14px}
.about-performer p{font-size:16px;font-weight:500;line-height:1.85;color:var(--muted);margin:0 0 20px;max-width:34em}
.about-performer-copy>a{font-size:14px;line-height:1.8;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.about-performer-copy>a:hover{color:var(--blue-deep)}
.about-performer-copy>a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
@media(min-width:768px) and (max-width:980px){.about-performers-grid{gap:32px;padding-inline:28px}.about-performer-shadow{margin-top:120px}.about-performer h3{font-size:22px}.about-performer-copy{padding-left:20px}}
@media(max-width:767px){.about-performers-grid{grid-template-columns:1fr;gap:56px;margin-top:36px;padding-inline:0}.about-performer-shadow{margin-top:0}.about-performer-magic figure{width:88%;margin-inline:auto}.about-performer figure{border-radius:24px;margin-bottom:24px}.about-performer-copy{margin-inline:12px;padding-left:16px}.about-performer h3{font-size:22px}.about-performer p{font-size:16px}}

/* Portrait height equals landscape width; preserve native proportions. */
.about-section.about-performers{padding-block:64px}
.about-performers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:32px;padding-inline:40px}
.about-performer-shadow{margin-top:40px}
.about-performer-magic figure{width:66.666667%;margin-inline:auto}
.about-performer-copy{max-width:34em}
@media(min-width:768px) and (max-width:980px){.about-performers-grid{gap:32px;padding-inline:28px}.about-performer-shadow{margin-top:28px}}
@media(max-width:767px){.about-section.about-performers{padding-block:40px}.about-performers-grid{grid-template-columns:1fr;gap:36px;padding-inline:0;margin-top:28px}.about-performer-shadow{margin-top:0}.about-performer-magic figure{width:66.666667%}.about-performers-heading .about-display-title{font-size:clamp(25px,7vw,32px);max-width:none;letter-spacing:0}}

/* Offset composition: portrait and bio share a left edge on larger screens. */
@media(min-width:768px){
.about-performer-shadow{margin-top:110px}
.about-performer-magic figure{margin-inline:0}
.about-performer-magic .about-performer-copy{width:66.666667%;max-width:none}
}

/* Separate the introduction from both performer portraits. */
.about-performers-grid{margin-top:64px}
@media(max-width:767px){.about-performers-grid{margin-top:48px}}

/* Keep the complete performer portrait below the fixed navigation on arrival. */
.about-performer[id]{scroll-margin-top:112px}