.portrait-motion{position:absolute;left:40px;top:40px;width:286px;height:374px;isolation:isolate}
.portrait-motion .about-portrait{left:0;top:0;width:100%;height:100%;border-radius:30px}
.portrait-motion canvas{position:absolute;left:-50px;top:-50px;width:386px;height:474px;pointer-events:none;visibility:hidden}
.portrait-motion.is-bending canvas{visibility:visible}
.portrait-motion.is-bending .about-portrait{visibility:hidden}
.portrait-sign{position:absolute;left:-24px;top:-20px;width:235px;height:114px;overflow:visible;pointer-events:none;z-index:2;transform:rotate(-9deg);color:#c0fe04}
.portrait-sign path{fill:none;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.portrait-sign.is-drawing path{animation:portrait-ink-show 0s linear var(--path-delay) forwards,portrait-ink-draw var(--path-dur) cubic-bezier(.65,0,.35,1) var(--path-delay) forwards}
@keyframes portrait-ink-show{to{opacity:1}}
@keyframes portrait-ink-draw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.portrait-motion canvas{display:none}.portrait-motion.is-bending .about-portrait{visibility:visible}.portrait-sign path{animation:none!important;stroke-dashoffset:0!important;opacity:1}}