/* Only the two replacement illustrations. Original journey geometry,
   scroll driver, pins, comets, transitions, and finale remain intact. */
.how .cw-defs { position:absolute; width:0; height:0; overflow:hidden; }
.how .wp-2 .wp-art.wp-activity,
.how .wp-3 .wp-art.wp-activity {
  position:relative; display:flex; flex-direction:column; align-items:center;
  width:100%; max-width:390px; margin:18px auto 0; padding:0; gap:0;
  background:radial-gradient(ellipse at 50% 52%,rgba(109,214,142,.095),transparent 70%);
  border:0; border-radius:0; box-shadow:none; transform:none;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
.how .wp-art.wp-activity::before,.how .wp-art.wp-activity::after { display:none; }
.how .wp-activity .cw-scene { display:block; width:100%; height:auto; overflow:visible; image-rendering:pixelated; filter:drop-shadow(0 8px 12px rgba(0,0,0,.25)); }
.how .wp-activity .cw-svg-label { font:500 6.3px 'Space Grotesk',sans-serif; letter-spacing:.48px; fill:#D0E1D3; }
/* Each activity plays once as the original waypoint enters .drawn.
   The final frame remains readable; replay follows scrolling back up. */
.how .wp.drawn .wp-activity .cw-person { animation:journey-crew-breathe 1.8s ease-in-out 2; }
.how .wp.drawn .wp-activity .cw-breathe-b { animation-delay:.15s; }
.how .wp.drawn .wp-activity .cw-hand-work { animation:journey-crew-type .6s steps(2,end) 6; }
.how .wp.drawn .wp-activity .cw-twinkle { animation:journey-crew-sparkle 1.8s ease-in-out 2; }
.how .wp.drawn .wp-activity .cw-late { animation-delay:.2s; }
.how .wp.drawn .wp-activity .cw-chosen-note { animation:journey-crew-note 2.6s cubic-bezier(.3,0,.3,1) both; }
.how .wp.drawn .wp-activity .cw-build-first { animation:journey-crew-build 2s ease-out both; }
.how .wp.drawn .wp-activity .cw-build-second { animation:journey-crew-build 2s .5s ease-out both; }
.how .wp.drawn .wp-activity .cw-screen-check { animation:journey-crew-check 3.2s ease-out both; }
@keyframes journey-crew-breathe { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-.7px)} }
@keyframes journey-crew-type { 50%{transform:translateY(-1px)} }
@keyframes journey-crew-sparkle { 0%,100%{opacity:1} 50%{opacity:.3} }
@keyframes journey-crew-note { 0%,12%{transform:translate(-25px,12px);opacity:.35} 80%,100%{transform:translate(0,0);opacity:1} }
@keyframes journey-crew-build { 0%,15%{opacity:.15;transform:translateY(4px)} 100%{opacity:1;transform:translateY(0)} }
@keyframes journey-crew-check { 0%,65%{opacity:0} 100%{opacity:1} }
@media(max-width:500px) {
  .how .wp-2 .wp-art.wp-activity,.how .wp-3 .wp-art.wp-activity { max-width:320px; margin:14px auto 0; padding:4px 0; }
}
@media(prefers-reduced-motion:reduce) { .how .wp-activity * { animation:none!important; } }