/* Larger, legible editorial portraits; retain the source photos for performances. */
body[data-page="about"] .museum-image-band{max-width:800px}
body[data-page="about"] .museum-image--portrait{height:clamp(360px,44vw,560px);border:0;border-radius:12px;background:#241512}
body[data-page="about"] .museum-image--portrait img{object-position:center 24%;filter:none}
body[data-page="about"] .legacy-pancham-photo{max-width:620px}
body[data-page="about"] .legacy-pancham-photo img{aspect-ratio:4/3;object-position:center center;mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}
body[data-page="about"] .legacy-pancham-photo figcaption{margin-top:0;color:#c6b6a1;font:400 11px/1.5 var(--sans);text-align:center}
@media(max-width:700px){body[data-page="about"] .museum-image--portrait{height:clamp(300px,85vw,410px)}body[data-page="about"] .legacy-pancham-photo img{aspect-ratio:1/1;object-fit:cover;object-position:center}}

/* Transparent editorial portraits sit naturally within the story, without a photo frame. */
body[data-page="about"] .museum-image--portrait{background:radial-gradient(ellipse at 50% 80%,#68271e50,transparent 65%);border-radius:0;overflow:hidden}
body[data-page="about"] .museum-image--portrait img{object-fit:contain;object-position:center bottom}
body[data-page="about"] .portrait-disclosure{margin:22px auto 0;color:#b5a28f;font:400 11px/1.5 var(--sans)}
body[data-page="about"] .roots-portrait{aspect-ratio:1.12;background:radial-gradient(ellipse at 50% 75%,#68271e40,transparent 68%);border-radius:0;overflow:visible}
body[data-page="about"] .roots-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
body[data-page="about"] .roots-portrait figcaption{position:absolute;inset:auto 0 0;padding:55px 20px 14px;background:linear-gradient(transparent,#19110fe8);text-align:center}
body[data-page="about"] .roots-portrait figcaption strong{font-size:clamp(19px,2vw,29px)}
body[data-page="about"] :is(.scene-image-button,.story-scene--reverse .scene-image-button){height:clamp(380px,42vw,560px);border:0;border-radius:0;clip-path:none;background:radial-gradient(ellipse at 50% 76%,#68271e40,transparent 68%);overflow:hidden}
body[data-page="about"] .scene-image-button img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center bottom}
body[data-page="about"] .scene-image-button .scene-play{top:auto;bottom:18px;left:auto;right:18px;transform:none}
body[data-page="about"] .scene-image-button .scene-watch-label{bottom:20px}
body[data-page="about"] .legacy-pancham-photo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;object-position:center bottom;mask-image:none;-webkit-mask-image:none}
@media(max-width:700px){
 body[data-page="about"] .museum-image--portrait{height:clamp(300px,85vw,420px)}
 body[data-page="about"] .roots-portrait{aspect-ratio:1/1}
 body[data-page="about"] :is(.scene-image-button,.story-scene--reverse .scene-image-button){height:clamp(330px,110vw,460px)}
 body[data-page="about"] .legacy-pancham-photo img{aspect-ratio:1/1;object-fit:contain}
}

/* The aligned father-and-son composition retains the full width on all screens. */
body[data-page="about"] .legacy-pancham-photo img{aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:8px}
