.motion-word{display:inline-block;white-space:nowrap}
.motion-letter{display:inline-block;opacity:0;transform:translateY(.13em);filter:blur(1.5px)}
.motion-play .motion-letter{animation:letter-write .32s var(--letter-delay) ease-out both}
@keyframes letter-write{to{opacity:1;transform:translateY(0);filter:blur(0)}}
.motion-section{position:relative}
.scroll-sketch{position:absolute;pointer-events:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.scroll-sketch path{stroke-dasharray:1;stroke-dashoffset:1}
.scroll-sketch.motion-play path{animation:sketch-write 3.4s .1s cubic-bezier(.3,.05,.35,1) both}
@keyframes sketch-write{to{stroke-dashoffset:0}}
.sketch-vertical{width:50px;height:340px;left:12px;top:22%}
#programacao .sketch-vertical{left:auto;right:12px;top:35%}
.sketch-horizontal{width:50%;height:65px;bottom:9px;left:25%}
#experiencias{padding-bottom:115px}
#duvidas{padding-bottom:120px}
.experience-item img,.day-panel>img{will-change:translate}
@media(max-width:700px){.sketch-vertical{width:25px;height:210px;left:0;top:44%}#programacao .sketch-vertical{right:0;top:54%}.sketch-horizontal{width:78%;left:11%;height:50px;bottom:13px}#experiencias{padding-bottom:100px}#duvidas{padding-bottom:100px}.motion-word{max-width:100%}}
@media(prefers-reduced-motion:reduce){.motion-letter{opacity:1;transform:none;filter:none;animation:none!important}.scroll-sketch path{stroke-dashoffset:0;animation:none!important}.experience-item img,.day-panel>img,.exhibitor-yarn{translate:none!important}}
