/* Small narrative drawings keep the type and native reading order in charge. */
.studio-cameo { display:block;flex:none;aspect-ratio:var(--art-aspect);background-image:var(--art-sheet);background-size:var(--art-sheet-size);background-repeat:no-repeat;background-position:0 0; }
.studio-cameo[data-cameo="make"] { background-position:100% 0; }
.studio-cameo[data-cameo="read"] { background-position:0 100%; }
.studio-cameo[data-cameo="coffee"] { background-position:100% 100%; }
.studio-statement--illustrated { text-indent:0;display:flow-root; }
.studio-cameo--intro { float:left;width:var(--art-intro-size);margin-right:var(--art-intro-gap);transform:translateY(calc((var(--art-progress) - .5) * var(--art-travel))) rotate(calc((var(--art-progress) - .5) * var(--art-turn))); }
.studio-process-phrase--illustrated>span { display:flex;align-items:center;gap:var(--art-phrase-gap); }
.studio-process-phrase--illustrated>span+span { justify-content:flex-end;margin-top:var(--art-phrase-space); }
.studio-process-phrase--illustrated .studio-cameo { width:var(--art-phrase-size);transform:translateY(calc((var(--se-process-progress) - .5) * var(--art-travel))) rotate(calc((var(--se-process-progress) - .5) * var(--art-turn))); }
.studio-process-phrase--illustrated>span>span:not(.studio-cameo) { white-space:nowrap; }
.studio-page.is-motion-paused .studio-cameo--intro,.studio-process.is-editorial-paused .studio-process-phrase .studio-cameo { transform:none; }
@media(prefers-reduced-motion:reduce) { .studio-cameo--intro,.studio-process-phrase--illustrated .studio-cameo { transform:none; } }