/* One motion language on top of the approved v11 layout. */
.hero-art{pointer-events:none}
.motion-enabled::before{content:"";position:fixed;z-index:90;top:0;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.motion-enabled .hero-art img{transform:translate3d(calc(-50% + var(--pointer-x,0px)),calc(-50% + var(--art-y,0px) + var(--pointer-y,0px)),0) rotate(var(--art-rotate,0deg)) scale(var(--art-scale,1))}
.motion-enabled .hero-art.is-motion-visible img{will-change:transform;animation:studio-orbit 8s ease-in-out infinite alternate}
@keyframes studio-orbit{from{translate:0 5px;rotate:-1.2deg}to{translate:0 -7px;rotate:1.2deg}}
.motion-enabled .hero-art.is-motion-visible .art-coordinate:before{transform:scaleX(.55);transform-origin:left;animation:studio-coordinate 3.5s ease-in-out infinite alternate}
@keyframes studio-coordinate{to{transform:scaleX(1)}}
.motion-enabled .work-image:not(.work-document) img{transform:translate3d(0,var(--media-y,0px),0) scale(1.16);transition:filter .45s ease}
.motion-enabled .work-document,.motion-enabled .iv-project-image,.motion-enabled .origin-year strong,.motion-enabled .footer-wordmark{translate:0 var(--depth-y,0px)}
.motion-enabled .case-arrow,.motion-enabled .iv-case-numbers>i,.motion-enabled .iv-flow-arrow{translate:0 var(--case-shift,0px)}
.motion-enabled .iv-diagram{translate:0 var(--diagram-y,0px);rotate:var(--diagram-rotate,0deg)}
.motion-enabled .motion-track{position:relative}
.motion-enabled .motion-track::after{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--accent);transform-origin:left;transform:scaleX(var(--flow,0));opacity:var(--flow-alpha,0);pointer-events:none}
.motion-enabled .button{transition:translate .3s cubic-bezier(.2,.7,.2,1),background .2s,color .2s,box-shadow .3s}
.motion-enabled .button>span:last-child,.motion-enabled .header-contact>span,.motion-enabled .service-link,.motion-enabled .work-open,.motion-enabled .ecosystem-row>b,.motion-enabled .iv-related-arrow{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .25s,color .25s}
.motion-enabled details[open]>.iv-accordion-body,.motion-enabled .iv-faq-list details[open]>div,.motion-enabled .iv-project-detail[open]>div{animation:studio-disclosure .35s cubic-bezier(.2,.7,.2,1)}
@keyframes studio-disclosure{from{opacity:.15;translate:0 7px}to{opacity:1;translate:0 0}}
.motion-enabled .kclients-image{transition:filter .35s,transform .35s,opacity .3s}
.motion-enabled .field input,.motion-enabled .field textarea,.motion-enabled .field select{transition:border-color .25s}
.motion-enabled .field:focus-within input,.motion-enabled .field:focus-within textarea,.motion-enabled .field:focus-within select{border-color:var(--accent)}
@media(hover:hover) and (pointer:fine){
 .motion-enabled .button:hover{translate:0 -3px;box-shadow:0 9px 24px #00000012}
 .motion-enabled .button:hover>span:last-child{transform:rotate(45deg)}
 .motion-enabled .header-contact:hover>span,.motion-enabled .ecosystem-row:hover>b,.motion-enabled .iv-related-item:hover .iv-related-arrow{transform:translate(4px,-4px)}
 .motion-enabled .service-link:hover{transform:rotate(45deg)}
 .motion-enabled .work-card:hover .work-open{transform:rotate(45deg)}
 .motion-enabled .kclients-card:hover .kclients-image{transform:translateY(-4px)}
}
.motion-enabled .button:active,.motion-enabled .service-link:active{translate:0 1px}
.motion-enabled .button:active>span:last-child{transform:scale(.92)}
@media(max-width:760px){
 .motion-enabled .hero-art.is-motion-visible img{animation-duration:7s}
 .motion-enabled .work-image:not(.work-document) img{transform:translate3d(0,var(--media-y,0px),0) scale(1.12)}
}
.motion-suspended *{animation-play-state:paused!important}
.motion-off *, .motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
 .motion-enabled::before{display:none}
 .motion-enabled .hero-art img{transform:translate3d(-50%,-50%,0);translate:none;rotate:none}
 .motion-enabled .work-image img{transform:none}
 .motion-enabled .work-document,.motion-enabled .iv-project-image,.motion-enabled .origin-year strong,.motion-enabled .footer-wordmark,.motion-enabled .case-arrow,.motion-enabled .iv-case-numbers>i,.motion-enabled .iv-flow-arrow,.motion-enabled .iv-diagram{translate:none;rotate:none}
 .motion-enabled .motion-track::after{display:none}
}