.client-pill{min-height:100px;transition:transform .25s,box-shadow .25s,border-color .25s}.client-avatar{transition:box-shadow .25s}.client-image{transition:transform .25s}.client-name{line-height:1.4;transition:color .25s}.client-sector{margin-top:3px;line-height:1.45;transition:opacity .25s,transform .25s}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.client-sector{opacity:0;transform:translateY(4px)}.client-pill:hover{box-shadow:var(--shadow-client);border-color:color-mix(in srgb, var(--color-accent-orange) 25%, transparent);transform:translateY(-3px)}.client-pill:hover .client-name{color:var(--color-accent-orange)}.client-pill:hover .client-image{transform:scale(1.07)}.client-pill:hover .client-avatar{box-shadow:0 0 0 2px var(--color-card), 0 0 0 4px color-mix(in srgb, var(--color-accent-orange) 75%, transparent)}.client-pill:hover .client-sector{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.client-pill,.client-avatar,.client-image,.client-name,.client-sector{transition:none}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.client-sector{max-height:0;margin-top:0;transition:opacity .25s,transform .25s,max-height .3s,margin-top .3s;overflow:hidden}.client-pill:hover .client-sector{max-height:3em;margin-top:3px}}
