:root{--ease-refined:cubic-bezier(.2,.7,.2,1)}
::selection{background:#cccac0;color:#111}
body .nav,body>header.site-header{transition:background .4s ease,box-shadow .4s ease}
body.page-scrolled .nav,body.page-scrolled>header.site-header{background:rgba(17,17,17,.985);box-shadow:0 6px 24px #00000012}
.nav .links a,.site-header .nav-links a{position:relative}
.nav .links a:after,.site-header .nav-links a:after{content:"";position:absolute;bottom:8px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease-refined)}
.nav .links a:hover:after,.site-header .nav-links a:hover:after,.nav .links a:focus-visible:after,.site-header .nav-links a:focus-visible:after{transform:scaleX(1);transform-origin:left}
.frame img{transition:transform .85s var(--ease-refined),filter .65s ease}
.text-link{transition:color .25s ease,opacity .25s ease}
.service-icon,.service-process li>svg{transition:transform .55s var(--ease-refined)}
.work-filters button{transition:color .25s ease,border-color .25s ease}
input,textarea,select{transition:border-color .2s ease,box-shadow .2s ease}
input:focus,textarea:focus,select:focus{border-color:#555;box-shadow:0 0 0 3px #1717170a}
button{transition:background-color .25s ease,color .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){
 .work:not([aria-disabled="true"]):hover .frame img,.card.playable:hover .frame img{transform:scale(1.045);filter:brightness(1.04)}
 .service-item:hover .service-icon,.service-process li:hover>svg{transform:translateY(-3px)}
 .form-end button:not(:disabled):hover{box-shadow:0 5px 16px #00000018}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .work:hover .frame img,.card:hover .frame img,.service-item:hover .service-icon,.service-process li:hover>svg{transform:none!important}
}