/* Control feedback; cursor reactions on reference images have been removed. */
/* Give screen blending a stable backdrop while ancestor entrances are animated. */
.hero-art,.case-art,.case-row-art,.process-art,.lead-magnet-art,.service-art,.case-reference{background:#080808;isolation:isolate}
:is(.hero-art,.case-art,.case-row-art,.process-art,.lead-magnet-art,.service-art,.case-reference) img{mix-blend-mode:screen}
.button,.nav-about{transition:background .2s,color .2s,transform .3s var(--ease)}
.button:active,.nav-about:active{transform:translateY(1px)}
.text-link{position:relative;text-decoration:none}
.text-link:after{content:'';position:absolute;left:0;right:33px;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.text-link:hover{text-decoration:none}
.text-link:hover:after,.text-link:focus-visible:after{transform:scaleX(1)}
.form-row input,.form-row textarea,.form-row select{transition:border-color .2s,background .2s}
.dark-form .form-row input:focus,.dark-form .form-row textarea:focus,.dark-form .form-row select:focus{background:#262626;border-color:#ddd}
.light-form .form-row input:focus,.light-form .form-row textarea:focus,.light-form .form-row select:focus{background:#fff;border-color:#333}
@media(hover:hover) and (pointer:fine){.button:hover,.nav-about:hover{transform:translateY(-2px)}.button:active,.nav-about:active{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){.button,.nav-about{transform:none!important}.text-link:after{transition:none}}