html{scrollbar-gutter:stable}
.motion-control{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;padding:0;align-self:center;line-height:1;font-size:15px;flex:0 0 auto;transition:border-color .2s,background .2s}
.motion-control:hover{border-color:var(--ink);background:#e6e1d7}
.motion-control span{display:block;line-height:1}
.site-header nav a[href="#contato"] span{display:inline-block;margin-left:8px}
.project-visual{perspective:1000px}
.project-visual img{backface-visibility:hidden;transform-style:preserve-3d}
.motion-active .project-visual img{transition:none}
.pointer-motion .project-hover{top:0;left:0;right:auto;bottom:auto;width:90px;height:90px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0;border-radius:50%;font-size:12px;line-height:1.3;text-align:center;pointer-events:none;opacity:0;transform:scale(.85);transition:none;will-change:transform}
.pointer-motion .project-hover>span{font-size:24px;line-height:1.1}
.pointer-motion .project-open:focus-visible .project-hover{top:18px;left:18px;opacity:1!important;transform:none!important}
.image-flight{position:fixed;display:block;max-width:none!important;pointer-events:none;object-fit:fill;transform-origin:0 0;z-index:100;box-shadow:none!important;will-change:transform;margin:0}
.pointer-motion .link-orbit,.pointer-motion .contact-open>span{transition:background .25s,color .25s}
.headline-line{will-change:transform}
.motion-paused .headline-line,.motion-paused .project-hover{will-change:auto}
@media(max-width:640px){.site-header nav{gap:12px}.site-header nav a[href="#contato"]{display:none}.motion-control{width:27px;height:27px;font-size:14px}.site-header{gap:12px}}
@media(prefers-reduced-motion:reduce){.motion-control{transition:none}}