@media all{
 .hero-visual{translate:0 var(--hero-drift,0px)}
 .case-card-media{overflow:hidden;isolation:isolate}
 .case-card-media img{translate:0 var(--scroll-image-y,0px);scale:1.055;transition:transform .85s cubic-bezier(.22,1,.36,1)}
 .case-card-link{transition:gap .35s,color .25s}
 .hero-actions a,.contact-link,.case-filters button{transition:transform .3s,box-shadow .3s,background-color .3s}
 .floating-nav{transition:box-shadow .4s}
 .floating-nav.nav-scrolled{box-shadow:0 12px 34px #0f1c262b}
 .process-timeline:after{height:clamp(0px,calc(var(--process-progress,0%) - 18px),calc(100% - 118px));transition:height .18s linear}
}
@media(hover:hover) and (pointer:fine){
 .case-card:hover .case-card-media img{transform:scale(1.025)}
 .case-card:hover .case-card-link{gap:17px;color:#516a5c}
 .hero-actions a:hover,.contact-link:hover{transform:translateY(-2px)}
}
@media(max-width:800px){.case-card-media img{translate:none;scale:1}}
@media(prefers-reduced-motion:reduce){.hero-visual,.case-card-media img{translate:none!important;scale:1!important}}

.motion-control{position:fixed;right:22px;bottom:24px;z-index:99;border:1px solid #d5dbd8;background:#fffffff0;backdrop-filter:blur(12px);color:#27352f;padding:10px 14px;border-radius:99px;font:500 12px Inter,system-ui;cursor:pointer;box-shadow:0 3px 14px #0000000a}.motion-control:focus-visible{outline:2px solid #3e7665;outline-offset:3px}
html.motion-on .hero-visual{translate:0 var(--hero-drift,0px)!important}html.motion-on .case-card-media img{translate:0 var(--scroll-image-y,0px)!important;scale:1.08!important}html:not(.motion-on) .case-card-media img{translate:none!important;scale:1!important}@media(max-width:800px){.motion-control{bottom:90px;right:16px}html.motion-on .case-card-media img{translate:none!important;scale:1!important}}