.motion-word{display:inline-block;vertical-align:baseline;overflow:clip;padding:.15em .04em .18em;margin:-.15em -.04em -.18em}
.motion-word>span{display:inline-block;transform-origin:0 100%}
.motion-toggle{font:10px/1.4 Inter;color:inherit;border:1px solid currentColor;background:transparent;padding:8px 11px;cursor:pointer;white-space:nowrap}
.motion-toggle:hover{background:#efb8ef;color:#181818}
.motion-toggle:focus-visible{outline:2px solid #765795;outline-offset:4px}
.showcase-page .page-mast nav{align-items:center;padding-top:0}
.experiencia-page .page-mast{gap:22px;align-items:center}
.motion-active .phase-items button,.motion-active .work-register button{transition:background .2s,color .2s,transform .35s cubic-bezier(.2,.7,.2,1)}
.motion-active .phase-items button:hover,.motion-active .work-register button:hover{transform:translateX(5px)}
.motion-active .phase-items button span,.motion-active .module-tile-label b{transition:transform .4s cubic-bezier(.2,.7,.2,1),background .2s,color .2s}
.motion-active .phase-items button:hover span{transform:rotate(45deg)}
.motion-active .module-tile:hover .module-tile-label b{transform:translate(2px,-2px)}
@media(max-width:650px){.showcase-page .page-mast nav{padding-top:60px;flex-wrap:wrap;gap:12px}.motion-toggle{font-size:9px;padding:7px 9px}.experiencia-page .page-mast{flex-wrap:wrap}.experiencia-page .page-mast .motion-toggle{margin-top:65px}.showcase-page .page-mast{min-height:155px}}
@media(prefers-reduced-motion:reduce){.motion-word>span{transform:none!important;opacity:1!important}.phase-items button,.work-register button{transition:none!important;transform:none!important}}