/* D01 only: original illustration extracted into a fixed phone and tapping hand. */
#cut-01 .d01-touch-scene{pointer-events:none;isolation:isolate}
#cut-01 .d01-touch-stage{position:absolute;left:0;right:0;bottom:0;aspect-ratio:3/2}
#cut-01 .d01-touch-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
#cut-01 .d01-tap-hand{z-index:3;transform-origin:86% 94%;animation:d01-finger-tap 2.8s cubic-bezier(.4,0,.2,1) infinite;will-change:transform}
#cut-01 .d01-touch-ring{position:absolute;z-index:2;left:49.5%;top:49.5%;width:7%;aspect-ratio:1;border:2px solid #e9ffff;border-radius:50%;box-shadow:0 0 8px #08cbee;opacity:0;animation:d01-touch-feedback 2.8s ease-out infinite}
@keyframes d01-finger-tap{
  0%,22%,100%{transform:translate(5%,4%) rotate(4deg)}
  43%,54%{transform:translate(0,0) rotate(0deg)}
  48%{transform:translate(-.35%,-.25%) rotate(-.3deg)}
  76%{transform:translate(5%,4%) rotate(4deg)}
}
@keyframes d01-touch-feedback{
  0%,42%{opacity:0;transform:translate(-50%,-50%) scale(.45)}
  47%{opacity:.95;transform:translate(-50%,-50%) scale(.8)}
  67%,100%{opacity:0;transform:translate(-50%,-50%) scale(2.3)}
}
@media(prefers-reduced-motion:reduce){
  #cut-01 .d01-tap-hand{animation:none;transform:none;will-change:auto}
  #cut-01 .d01-touch-ring{animation:none;display:none}
}
