/* A separate transform plane: world transitions retain their own transforms. */
html[data-cinematic-motion="ready"] .cinema-plane:not(.world-old-atmosphere):not(.world-old-copy){
 translate:var(--cinema-x,0px) var(--cinema-y,0px);
 scale:var(--cinema-scale,1);
 rotate:var(--cinema-rotate,0deg);
 transform-origin:50% 50%;
}
.hero .scene-backdrop.cinema-plane{transform-origin:50% 68%}
.hero .portrait-stage.cinema-plane{transform-origin:50% 85%}
/* Never move reader pages, paused views or the handoff between two portraits. */
html[data-cinematic-motion="still"] .cinema-plane,
.paused .cinema-plane,
.hero.world-changing .cinema-plane,
body:has(dialog[open]) .cinema-plane,
.world-old-atmosphere.cinema-plane,
.world-old-atmosphere .cinema-plane,
.world-old-copy.cinema-plane,
.world-old-copy .cinema-plane{
 translate:none!important;
 scale:none!important;
 rotate:none!important;
}
@media(max-width:700px){
 main .cinema-plane:not(.hero .cinema-plane){translate:none;scale:none;rotate:none}
}
@media(prefers-reduced-motion:reduce){
 .cinema-plane{translate:none!important;scale:none!important;rotate:none!important}
}