/* Motion enhances already-visible server-rendered content. */
.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#739747,#d7f58b,#b07b43);transform:scaleX(0);transform-origin:left;z-index:120;pointer-events:none}
.motion-control{border:1px solid #65705c;border-radius:999px;background:transparent;color:#e8eddf;font:inherit;font-size:11px;padding:9px 14px;cursor:pointer;min-height:36px}.copyright{align-items:center;gap:18px;flex-wrap:wrap}
.motion-on .site-header nav>a{position:relative}.motion-on .site-header nav>a:after{content:'';position:absolute;left:0;right:0;bottom:25px;height:2px;background:#718b4a;transform:scaleX(0);transform-origin:right;transition:transform .3s}.motion-on .site-header nav>a:hover:after,.motion-on .site-header nav>a:focus-visible:after{transform:scaleX(1);transform-origin:left}
.motion-on .btn{position:relative;overflow:hidden;isolation:isolate}.motion-on .btn:after{content:'';position:absolute;inset:-80% -35%;background:linear-gradient(110deg,transparent 35%,#ffffff30 48%,transparent 61%);transform:translateX(-100%);pointer-events:none}.motion-on .btn:hover:after,.motion-on .btn:focus-visible:after{animation:buttonSheen .7s ease-out}
.studio-orbit{position:absolute;inset:1% -2%;border:1px solid #879d6250;border-radius:50%;transform:rotate(-24deg);pointer-events:none;z-index:-1}.studio-orbit:before{content:'';position:absolute;inset:14%;border:1px dashed #879d6240;border-radius:50%}.studio-orbit:after{content:'✦';position:absolute;top:8%;left:14%;font-size:28px;line-height:1;color:#667c43}.motion-on .studio-orbit{animation:orbitEntrance 2.8s cubic-bezier(.2,.7,.2,1) both}.motion-on .hero-art{isolation:isolate}
.motion-on .process>div,.motion-on .process-line{position:relative}.motion-on .process>div:before,.motion-on .process-line:before{content:'';position:absolute;left:0;right:0;top:-14px;height:2px;background:linear-gradient(90deg,#76984d,#d7f58b);transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}.motion-on .process>div.motion-seen:before,.motion-on .process-line.motion-seen:before{transform:scaleX(1)}
.motion-on .case-principles li{transition:border-color .3s,color .3s}.motion-on .case-principles li:hover{border-color:#667f42;color:#506431}
.motion-on .home-logos>div img{transition:filter .4s,transform .4s}.motion-on .home-logos>div:hover img{transform:scale(1.07)}
.image-cursor{position:absolute;left:0;top:0;display:grid;place-items:center;width:76px;height:76px;background:#273222ed;color:#e6f1d5;border:1px solid #d7f58b80;border-radius:50%;font:800 10px Manrope,Arial,sans-serif;letter-spacing:.08em;pointer-events:none;z-index:4;opacity:0;scale:.7;transition:opacity .18s,scale .25s;translate:var(--cursor-x,0px) var(--cursor-y,0px)}.motion-on .image-interactive.pointer-inside .image-cursor{opacity:1;scale:1}.image-interactive{position:relative}
@media(hover:hover) and (pointer:fine){.motion-on .tilt-card{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s,box-shadow .3s;transform-style:flat}.motion-on .tilt-card.pointer-inside{transition:transform .12s,box-shadow .3s;box-shadow:0 16px 36px #27322218}.motion-on .tilt-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(240px circle at var(--spot-x,50%) var(--spot-y,50%),#ffffff35,transparent 75%);opacity:0;transition:opacity .25s;pointer-events:none}.motion-on .tilt-card.pointer-inside:after{opacity:1}.motion-on .image-interactive img{transition:scale .7s cubic-bezier(.2,.7,.2,1)}.motion-on .image-interactive.pointer-inside img{scale:1.025}}
@keyframes buttonSheen{to{transform:translateX(100%)}}
@keyframes orbitEntrance{from{opacity:0;transform:rotate(-65deg) scale(.88)}to{opacity:1;transform:rotate(-24deg) scale(1)}}
.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .studio-orbit,.motion-off .image-cursor,.motion-off .reading-progress{display:none}.motion-off .tilt-card{transform:none!important}.motion-off .magnetic{transform:none!important}.motion-off .reveal{opacity:1!important;transform:none!important}
@media(max-width:950px){.motion-on .site-header nav>a:after{bottom:6px}.studio-orbit{inset:6% 0}.image-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.reading-progress,.studio-orbit,.image-cursor{display:none!important}.tilt-card{transform:none!important}.motion-on .process>div:before,.motion-on .process-line:before{transform:none;transition:none}}