/* Brief, direct feedback only when a visitor interacts. */
.button,.text-link,.menu-toggle,.nav-contact,.filter-group button,.dialog-close,#email-copy,.email-compose-options>a{
  transition:transform 120ms ease,background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease;
}
.button:not(:disabled):active,.menu-toggle:active,.nav-contact:active,.filter-group button:active,.dialog-close:active,#email-copy:not(:disabled):active,.email-compose-options>a:active{
  transform:translateY(1px) scale(.985);
  box-shadow:inset 0 2px 5px #0c252526;
}
.button:not(:disabled):active{background:#58bdbd;border-color:#58bdbd}
.text-link:active{transform:translateY(1px);opacity:.78}
.button>span,.text-link>span,.direct-email>a>span,.email-compose-options>a>span{transition:transform 160ms ease}
.work-image{transition:box-shadow 160ms ease,transform 120ms ease}
.work:active .work-image{transform:scale(.99);box-shadow:0 0 0 2px #4c9290}
.filter-group button[aria-pressed="true"]{box-shadow:inset 0 -3px 0 #72d5d5}
.menu-toggle[aria-expanded="true"]{background:#244244;border-color:#72bcb8}
.menu-icon{transition:color 160ms ease}
.faq summary{transition:color 160ms ease}
.faq summary:active,.faq details[open] summary{color:#2c7470}
#privacy-open:active,#email-form-link:active{color:#163f3d;text-decoration-thickness:2px}
.direct-email>a:active{color:var(--accent)}
#email-copy[data-copy-state="copied"]{background:#dcebe1;border-color:#7aa68d;color:#225644;box-shadow:inset 0 0 0 1px #7aa68d}
:is(.button,.text-link,.menu-toggle,.nav-contact,.filter-group button,.dialog-close,.work):focus-visible{outline-width:3px;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .button:not(:disabled):hover{box-shadow:0 4px 12px #0019191f}
  .button:hover>span,.text-link:hover>span,.direct-email>a:hover>span,.email-compose-options>a:hover>span{transform:translate(2px,-2px)}
  .work:hover .work-image,.work:focus-visible .work-image{box-shadow:0 0 0 2px #5b9d97}
  .work:hover .work-title,.work:focus-visible .work-title{color:#235f61}
}
@media(hover:none),(pointer:coarse){.work:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){
  .button,.text-link,.menu-toggle,.nav-contact,.filter-group button,.dialog-close,#email-copy,.email-compose-options>a,.work .work-image,.button>span,.text-link>span,.direct-email>a>span,.email-compose-options>a>span{transform:none!important;transition:none!important}
  .work:hover img,.work:focus-visible img{transform:none}
}