/* Scroll entrances extend the paper-and-ink design without adding separators. */
.motion-ready [data-reveal]{opacity:0;transform:translate3d(0,32px,0);transition:none}
.motion-ready [data-reveal="heading"]{transform:translate3d(0,38px,0);clip-path:inset(0 -18px -45px -18px)}
.motion-ready [data-reveal="deck"]{transform:translate3d(0,58px,0) scale(.95)}
.motion-ready [data-reveal="artwork"]{transform:translate3d(0,36px,0);clip-path:inset(0 0 16% 0)}
.motion-ready [data-reveal].is-revealed{opacity:1;transform:none;clip-path:inset(0 -18px -45px -18px);transition:opacity .65s var(--ease),transform .8s var(--ease),clip-path .85s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.motion-ready [data-reveal="deck"].is-revealed{clip-path:none}
.motion-ready [data-reveal="artwork"].is-revealed{clip-path:inset(0)}
.motion-ready [data-reveal]:focus-within{opacity:1;transform:none;clip-path:none;transition-delay:0ms}
.motion-ready .aigc-card{animation:none}
.motion-ready .motion-ink{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.15s var(--ease) .2s}
.motion-ready .is-revealed .motion-ink{stroke-dashoffset:0}
.motion-ready .aigc-handnote{translate:0 var(--note-y,0px)}
.motion-ready .practice-drawing{rotate:var(--drawing-turn,0deg)}
.art-peek{position:absolute;left:var(--peek-x,50%);top:var(--peek-y,50%);translate:-50% -50%;display:none;align-items:center;justify-content:center;gap:5px;width:74px;height:74px;border-radius:50%;background:var(--yellow);color:var(--ink);font:400 14px/1 var(--body);pointer-events:none;opacity:0;scale:.75;transition:opacity .2s,scale .3s var(--ease)}
.art-peek svg{width:17px;height:17px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .art-peek{display:flex}
 .aigc-open.is-pointer .art-peek{opacity:1;scale:1}
 .aigc-open.is-pointer img{transform:translate3d(var(--image-x,0px),var(--image-y,0px),0) scale(1.04)}
 .aigc-open .aigc-play{translate:calc(-50% + var(--play-x,0px)) calc(-50% + var(--play-y,0px));transition:translate .3s var(--ease),scale .25s}
 .text-link{transition:color .25s,translate .35s var(--ease)}
 .text-link:hover{translate:3px 0}
}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.motion-ready .practice-media{translate:0 var(--practice-y,0px)}}
.aigc-open:active .aigc-play{scale:.94}
.aigc-open:focus-visible .aigc-play{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:640px){
 .motion-ready [data-reveal]{transform:translate3d(0,22px,0);transition-duration:.5s,.65s,.65s}
 .motion-ready [data-reveal="deck"]{transform:translate3d(0,30px,0) scale(.97)}
 .motion-ready [data-reveal].is-revealed{transform:none;transition-duration:.5s,.65s,.65s}
}
@media(prefers-reduced-motion:reduce){
 .motion-ready [data-reveal],.motion-ready [data-reveal].is-revealed,.motion-ready [data-reveal]:not(.is-revealed){opacity:1;transform:none;clip-path:none;transition:none}
 .motion-ready .motion-ink{stroke-dashoffset:0;transition:none}
 .motion-ready .aigc-handnote,.motion-ready .practice-media{translate:none}
 .motion-ready .practice-drawing{rotate:none}
 .art-peek{display:none}
 .aigc-open img{transform:none!important}
 .aigc-open .aigc-play{translate:-50% -50%;scale:1}
}