/* R08: one scroll-driven story frame, with the original chapters as fallback. */
.studio-manifesto{padding-bottom:0}
.studio-purpose{padding-top:var(--studio-intro-gap,76px)}
.studio-purpose-heading h2{margin-top:0}
.studio-story-layout.is-scroll-story{position:relative;display:block;height:calc(var(--story-stage-height) + var(--story-travel));overflow:visible}
.is-scroll-story .studio-story-stage{position:sticky;top:var(--story-pin-top,24px);height:var(--story-stage-height);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,120px);align-items:center;padding-block:18px;border-top:1px solid var(--studio-line);contain:layout style}
.studio-motion-ready .is-scroll-story .studio-story-visual{position:relative;top:auto;display:block;padding:0;min-width:0}
.is-scroll-story .studio-art-window{position:relative;overflow:hidden;min-height:0;height:var(--story-image-height);isolation:isolate}
.is-scroll-story .studio-art-window img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7%;opacity:var(--story-opacity,0);transform:translate3d(calc((var(--story-index) - var(--story-position)) * 100%),0,0);transition:none;will-change:transform,opacity}
.is-scroll-story .studio-art-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--studio-line);padding-top:16px;font-size:12px;line-height:1.5;color:#55583D}
.is-scroll-story .studio-chapters{height:var(--story-copy-height);position:relative;overflow:hidden;min-width:0}
.studio-motion-ready .is-scroll-story .studio-chapter{position:absolute;inset:0;display:flex;align-items:center;min-height:0;padding:0;border:0;opacity:var(--story-opacity,0);transform:translate3d(0,calc((var(--story-index) - var(--story-position)) * 100%),0);transition:none;will-change:transform,opacity}
.is-scroll-story .studio-chapter-detail{display:none}
.is-scroll-story .studio-chapter-copy{width:100%}
@media(max-width:900px){
 .is-scroll-story .studio-story-stage{top:var(--story-pin-top,16px);grid-template-columns:1fr;gap:24px;align-content:start;padding-block:16px}
 .is-scroll-story .studio-art-window img{padding:0 5%}
 .is-scroll-story .studio-art-caption{display:none}
 .is-scroll-story .studio-chapter{align-items:flex-start}
 .is-scroll-story .studio-chapter h3{font-size:clamp(26px,7.4vw,34px);margin-top:14px;line-height:1.08}
 .is-scroll-story .studio-chapter p{font-size:clamp(16px,4.5vw,19px);margin-top:18px;line-height:1.45}
}
@media(max-height:640px) and (max-width:900px){
 .is-scroll-story .studio-story-stage{gap:16px;padding-block:10px}
 .is-scroll-story .studio-chapter h3{font-size:25px;margin-top:10px}
 .is-scroll-story .studio-chapter p{font-size:16px;margin-top:12px;line-height:1.38}
}
/* No pinning when motion is reduced: all original chapters remain readable. */

/* R09: halve the combined whitespace at these two section boundaries. */
.studio-purpose{padding-bottom:calc(var(--studio-space) * .5)}
.studio-story{padding-top:calc(var(--studio-space) * .5);padding-bottom:20px}
.studio-closing{padding-top:calc(var(--studio-space) * .5)}

/* v3.0: give the mobile copy a deliberate separation from the artwork. */
@media(max-width:900px){.is-scroll-story .studio-story-stage{gap:44px}}
@media(max-height:640px) and (max-width:900px){.is-scroll-story .studio-story-stage{gap:30px}}