/* Text stays at its authored location. Only its opacity changes with the scroll. */
.motion-ready.narrative-ready .story-scene{min-height:140svh;padding:0;border:0}
/* Give the final composition time to disappear before the bone-coloured ending enters. */
.motion-ready.narrative-ready .story{padding-bottom:90svh}
.motion-ready.narrative-ready .manifesto{min-height:calc(100svh - var(--nav-height))}
.motion-ready.narrative-ready .scene-content,
.motion-ready.narrative-ready .story-scene.scene--flow .scene-content{position:fixed;display:block;z-index:3;top:20svh;left:7.5vw;width:min(39.5vw,570px);height:auto;pointer-events:none;gap:0}
.narrative-ready .scene-copy{position:relative;z-index:2;opacity:0;will-change:opacity;text-shadow:0 1px 14px rgba(39,67,58,.65)}
.motion-ready.narrative-ready .scene-illustration{position:absolute;z-index:1;max-width:none;margin:0;opacity:0;pointer-events:none;will-change:opacity}
.motion-ready.narrative-ready .scene-illustration .story-art{width:100%;height:auto;max-height:none;object-fit:contain;overflow:visible}
.narrative-ready .scene-illustration figcaption{display:none}
.narrative-ready .story-art [data-draw]{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
.narrative-ready .scene-copy .story-paragraph{position:relative}
@media(max-width:760px){
 .motion-ready.narrative-ready .scene-content{width:79vw}
 .motion-ready.narrative-ready .scene-copy h2{font-size:clamp(1.85rem,7.3vw,2.7rem)}
 .motion-ready.narrative-ready .story-paragraph{font-size:1rem;line-height:1.65}
}
@media print{
 .motion-ready.narrative-ready .story{padding-bottom:0!important}
 .motion-ready.narrative-ready .manifesto{min-height:0!important}
 .motion-ready.narrative-ready .story-scene{min-height:0!important;padding:1.5rem 0!important}
 .motion-ready.narrative-ready .scene-content{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;height:auto!important}
 .narrative-ready .scene-copy{opacity:1!important;text-shadow:none!important}
 .motion-ready.narrative-ready .scene-illustration{position:static!important;opacity:1!important;width:100%!important;max-width:100%!important}
 .narrative-ready .scene-illustration figcaption{display:block}
}