/* Precise pointer, touch and keyboard feedback. */
@media(prefers-reduced-motion:no-preference){
 .button:active,.menu-toggle:active,.menu:active{transform:translateY(1px) scale(.985);transition-duration:100ms}
 .tab-list button:active,.tabs button:active{translate:0 1px;transition-duration:100ms}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 a.project:hover .project-art{transform:translateY(-3px);box-shadow:0 10px 24px #153f4310}
 .brand-item .brand-site-link:hover{transform:translateY(-2px);background:#153f4308}
 .group-link:hover .round-arrow{transform:translate(2px,-2px);background:var(--paper)}
}
.brand-item .brand-site-link{transition:transform 260ms cubic-bezier(.22,1,.36,1),background-color 180ms ease}
.group-link{transition:box-shadow 260ms ease,background-color 180ms ease;border-radius:10px}
.group-link:focus-visible{outline:3px solid var(--gold,#b8734a);outline-offset:5px}
.panels{border-radius:10px;overflow:hidden}.panels article{border-radius:10px}
@media(prefers-reduced-motion:reduce){.brand-item .brand-site-link,.button,.menu,.menu-toggle,.tab-list button,.tabs button,.group-link .round-arrow{transform:none!important;translate:none!important;transition:none!important}}