.tpk-media{
overflow:hidden;
border-radius:var(--radius-card)}
.tpk-media img{
display:block;
width:100%;
height:100%;
transform:scale(1);
transform-origin:center}
.tpk-media--hero img{
transition:transform var(--image-duration-hero) var(--ease-image)}
.tpk-media--case img{
transition:transform var(--image-duration-case) var(--ease-image)}
.tpk-media--product img{
object-fit:contain;
background:#fff;
transition:transform var(--image-duration-product) var(--ease-image)}
.tpk-media--hero:hover img,.tpk-media--hero-link:hover img{
transform:scale(var(--image-scale-hero))}
.tpk-media--case:hover img,.tpk-media--case-link:hover img{
transform:scale(var(--image-scale-case))}
.tpk-media--product:hover img,.tpk-media--product-link:hover img{
transform:scale(var(--image-scale-product))}
@media(prefers-reduced-motion:reduce){
.tpk-media img{
transition:none}
}