/* Shared frame for ten original, animated service explanations. */
.story-scene{--sc-ink:#111;--sc-paper:#fff;--sc-gray:#ededed;--sc-red:#e5332a;position:relative;width:100%;height:100%;min-height:0;overflow:hidden;isolation:isolate;background:#ededed;color:#111;container-type:size;font-family:inherit}
.story-scene *,.story-scene *::before,.story-scene *::after{box-sizing:border-box}
.story-scene .sx-scene{position:absolute;inset:0;overflow:hidden;contain:layout paint}
.story-scene .sx-scene[hidden]{display:none!important}
/* Every illustration is composed on the same 8:5 artboard.  The surrounding
   service panel may become wider or taller, but devices, lettering and artwork
   keep their proportions instead of stretching independently in both axes.
   A second size container makes all existing cqw/cqh details follow this
   fitted artboard, rather than the full, variable-size panel. */
.service-visual .story-scene>.sx-scene{inset:auto;left:50%;top:50%;width:min(100cqw,160cqh);height:min(100cqh,62.5cqw);translate:-50% -50%;container-type:size}
.story-scene.is-paused *,.story-scene.is-paused *::before,.story-scene.is-paused *::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .story-scene *,html:not(.motion-enabled) .story-scene *::before,html:not(.motion-enabled) .story-scene *::after{animation:none!important;transition:none!important}}