/* V13 — original photographic backgrounds replaced with short, once-only motion scenes.
   All typography, illustrations, colors, gallery, reader, and navigation retain V12 styles. */
.motion-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#142a4b}
.motion-scene .scene-still,.motion-scene .scene-video{
  position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;
  object-position:center center;pointer-events:none;
}
.motion-scene .scene-video{opacity:0;transition:opacity .12s linear}
.motion-scene .scene-video.is-playing{opacity:1}
.hero .motion-scene{z-index:0}
.hero .motion-scene .scene-still,.hero .motion-scene .scene-video{object-position:center center}
.feature-picture .motion-scene{z-index:0}
.feature-picture .motion-scene .scene-still,.feature-picture .motion-scene .scene-video{object-position:center 49%}
/* Preserve the existing storybook image area on desktop and mobile. */
.world-art .motion-scene{position:relative;inset:auto;width:100%;height:min(56vw,800px);background:#112744}
.world-art .motion-scene .scene-still,.world-art .motion-scene .scene-video{object-position:center center}
.ending .motion-scene{z-index:0}
.ending .motion-scene .scene-still,.ending .motion-scene .scene-video{object-position:center 39%}
@media(max-width:760px){
  .world-art .motion-scene{height:390px}
  .feature-picture .motion-scene .scene-still,.feature-picture .motion-scene .scene-video{object-position:57% center}
}
@media(max-width:530px){
  .hero .motion-scene .scene-still,.hero .motion-scene .scene-video{object-position:56% center}
}

/* V22 video transitions: still remains visible during source swaps. */.motion-scene .scene-video{opacity:0;transition:opacity .3s ease-in-out}.motion-scene .scene-video.is-playing{opacity:1}