.card .client-logo,.tile .client-logo{position:absolute;z-index:3;left:50%;top:44%;width:56%;max-width:220px;height:100px;display:grid;place-items:center;transform:translate(-50%,-50%);pointer-events:none;opacity:.94;filter:drop-shadow(0 2px 18px rgba(0,0,0,.3));transition:transform .65s cubic-bezier(.22,.61,.36,1),opacity .4s}
.card .client-logo img,.tile .client-logo img{position:static;display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;transform:none}
.card:hover .client-logo,.tile:hover .client-logo{opacity:1;transform:translate(-50%,-50%) scale(1.035)}
.card:hover .client-logo img,.tile:hover .client-logo img{transform:none}
.card .client-logo--helen,.tile .client-logo--helen{width:29%;max-width:130px;height:110px}
.card .client-logo--terveystalo,.tile .client-logo--terveystalo{width:66%;max-width:275px}
.card .client-logo--sok,.tile .client-logo--sok{width:20%;max-width:78px;height:130px}
.card .client-logo--burger-king,.tile .client-logo--burger-king{width:70%;max-width:260px}
.card:has(.client-logo)::before,.tile:has(.client-logo)::before{content:"";position:absolute;z-index:1;inset:0;background:rgba(0,0,0,.13);pointer-events:none}
.card .card-copy,.tile .tile-copy{z-index:4}
.client-pending-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,#222323 0,#151515 52%,#0b0b0b 100%)}
@media(prefers-reduced-motion:reduce){.card .client-logo,.tile .client-logo{transition:none}}
.tile .client-logo{top:52%}