/* Preserve source padding and align each seated body with its existing border.
   The legs hang below the divider; no added platform or shadow. */
.zob-stage{--figure-height:360px;--foot-space:.10;position:relative;isolation:isolate;height:var(--figure-height);width:360px;margin:0;pointer-events:none}
.zob-stage>img.zob-stage-image{position:absolute;z-index:2;bottom:calc(-1 * var(--figure-height)*var(--foot-space) - var(--seat-overlap,0px));left:50%;transform:translateX(-50%);height:var(--figure-height);width:auto;max-width:none;margin:0;object-fit:contain;filter:none;opacity:1}
.replacement-intro>.zob-stage{position:absolute;bottom:0}
.replacement-intro>.zob-stage-artists{left:calc(5% + clamp(535px,34vw,650px));--figure-height:340px;--foot-space:.098;--seat-overlap:calc(var(--figure-height)*.07);width:350px;z-index:2}
body[data-route="artists"] .replacement-intro{overflow:visible}
.replacement-intro>.zob-stage-about{left:calc(5% + 680px);--figure-height:390px;--foot-space:.1533;width:400px}
.replacement-intro>.zob-stage-account{right:12%;--figure-height:260px;--foot-space:.10;width:300px}
.submission-mascot.zob-stage{--figure-height:clamp(260px,20vw,350px);--foot-space:.1122;--seat-overlap:calc(var(--figure-height)*.07);z-index:2;width:100%;height:var(--figure-height);margin:10px 0 0}
.pr-membership-story{align-self:stretch;display:flex;flex-direction:column}
.pr-membership-story>.zob-stage{--figure-height:365px;--foot-space:.0989;flex-shrink:0;width:360px;max-width:100%;margin:auto -36px -70px auto}
.listen-bot-art>.zob-stage{--figure-height:285px;--foot-space:.0867;--seat-overlap:calc(var(--figure-height)*.07);z-index:2;width:100%;height:270px;margin:0 auto}
.listen-station-art.listen-bot-art{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 20px;overflow:visible}
.listen-station-art.listen-bot-art>span{order:-1;text-align:center;padding:16px 0 0}
@media(max-width:1400px){.replacement-intro>.zob-stage-about{left:auto;right:6%;width:330px;--figure-height:340px}.replacement-intro>.zob-stage-artists{left:auto;right:6%;width:300px;--figure-height:320px}.pr-membership-story>.zob-stage{width:310px;--figure-height:330px;margin-right:-20px}}
@media(max-width:1000px){.replacement-intro>.zob-stage-about,.replacement-intro>.zob-stage-account{display:none}.replacement-intro>.zob-stage-artists{right:3%;width:270px;--figure-height:290px}.pr-membership-story>.zob-stage{margin-right:0}}
@media(max-width:800px){.pr-membership-story{padding-right:0;min-height:0}.pr-membership-story>.zob-stage{--figure-height:300px;margin:0 0 -28px auto}.replacement-intro>.zob-stage-artists{right:0;width:220px;--figure-height:260px}}
@media(max-width:760px){.submission-mascot.zob-stage{position:relative;top:auto!important;right:auto;width:250px;max-width:100%;--figure-height:260px;margin:0 auto -22px}.submission-story h1,.submission-story .submission-lead{max-width:100%}.submission-story h1{min-height:0}.submission-mascot.zob-stage>img{max-height:none}}
@media(max-width:560px){.replacement-intro>.zob-stage-artists{display:none}.pr-membership-story>.zob-stage{--figure-height:285px;width:270px;margin:0 auto -28px}.listen-bot-art>.zob-stage{--figure-height:265px;height:245px}}
@media(min-width:801px) and (max-width:1150px){.pr-membership-story>.zob-stage{margin-bottom:-48px}}
@media(min-width:1151px) and (max-width:1400px){.replacement-intro>.zob-stage-artists{left:calc(5% + 535px);right:auto}}
/* Match the owner-approved About seating while keeping existing artwork and scale. */
@media(min-width:801px){
 .replacement-intro>.zob-stage-artists{--seat-overlap:calc(var(--figure-height)*.07)}
 .submission-mascot.zob-stage{--seat-overlap:calc(var(--figure-height)*.07);z-index:2}
 .submission-mascot.zob-stage+.submission-steps{padding-top:70px}
 .pr-sales .pr-membership{overflow:visible}
 .pr-sales .pr-membership .pr-membership-story>.zob-stage{--seat-overlap:calc(var(--figure-height)*.07 + 21px);margin-top:auto;z-index:2}
 .listen-station-art.listen-bot-art{overflow:visible}
 .listen-bot-art>.zob-stage{--seat-overlap:calc(var(--figure-height)*.07);z-index:2}
 .listen-bot-art+.listen-now-copy{padding-top:60px}
}

/* Pose-specific seating and mobile support edges: see BOT-SEATING-GUIDE.md.
   These fractions are calibrated for the current assets, not arbitrary new poses. */
@media(min-width:761px) and (max-width:800px){
 .submission-mascot.zob-stage+.submission-steps{padding-top:40px}
}
@media(max-width:800px){
 .listen-bot-art+.listen-now-copy{padding-top:42px}
 /* In the stacked layout, the supporting edge is the price card's top border.
    Its 28px top margin is the distance from the figure stage to that edge. */
 .pr-sales .pr-membership .pr-membership-story>.zob-stage{--seat-overlap:calc(var(--figure-height)*.07 + 28px);z-index:2}
}
@media(max-width:760px){
 /* Keep the illustration last, after any real artist/quota notice, so it sits
    on the story panel's bottom border and cannot cover notice text. */
 body[data-route="submit"] .submission-story{display:flex;flex-direction:column;overflow:visible}
 .submission-mascot.zob-stage{order:1;flex-shrink:0}
}
@media(max-width:560px){
 .pr-sales .pr-membership .pr-membership-story>.zob-stage{--seat-overlap:calc(var(--figure-height)*.07 + 24px)}
}