/* Keep reveal and hover transitions on the same element in one declaration. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
.work-card,.has-motion .work-card.reveal{transition:opacity .55s ease,transform .55s cubic-bezier(.2,.65,.3,1),translate .32s cubic-bezier(.2,.75,.25,1),box-shadow .32s ease}
.work-card:hover,.work-card:focus-within{translate:0 -7px;box-shadow:none}
.project-card img{scale:none!important;transition:transform .4s ease!important}
.work-card__cover{scale:none!important;transition:transform .5s cubic-bezier(.2,.65,.3,1)!important}
.work-card:hover .work-card__cover,.work-card:focus-within .work-card__cover{transform:scale(1.035)}
.work-card__visual{transition:box-shadow .32s ease}
.work-card:hover .work-card__visual{box-shadow:0 16px 28px #50353e18}
.work-card__link span,.text-link span{display:inline-block;transition:transform .28s ease}
.work-card:hover .work-card__link span,.text-link:hover span{transform:translate(4px,-4px)}
.client-logo{transition:translate .3s ease,box-shadow .3s ease}
.client-logo img{transition:transform .3s ease!important}
.client-logo:hover{translate:0 -4px;box-shadow:0 12px 22px #50353e0c}
.clients .client-logo img:hover{translate:none;scale:none}
.client-logo:hover img{transform:scale(1.035)}
.has-motion .project-card.reveal,.has-motion .scenario-card.reveal,.has-motion .solution-card.reveal,.has-motion .outcome-card.reveal,.has-motion .device.reveal{transition:opacity .6s ease,transform .6s ease,translate .32s cubic-bezier(.2,.75,.25,1),scale .32s ease,box-shadow .32s ease}
}
@media(prefers-reduced-motion:reduce){.work-card,.work-card__cover,.client-logo,.client-logo img{transition:none!important;translate:none!important;scale:none!important}.work-card__cover{transform:none!important}}

/* Flat editorial blocks keep their silhouette on hover. Animate the artwork only. */
@media (hover:hover) and (pointer:fine) {
.scenario-card:hover,.solution-card:hover,.outcome-card:hover{translate:none;box-shadow:none}
.client-logo:hover{box-shadow:none}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
.scenario-card > img{transition:transform .3s cubic-bezier(.2,.65,.3,1)}
.scenario-card:hover > img{transform:translateY(-4px)}
}