.tpf-brand-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--logo-height-limit);
    background: #fff;
}
.tpf-brand-logo > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.tpf-brand-logo-crop {
    position: relative;
    overflow: hidden;
    width: min(100%, calc(var(--logo-ratio) * var(--logo-height-limit)));
    aspect-ratio: var(--logo-ratio);
}
.tpf-brand-logo-crop img {
    position: absolute;
    display: block;
    left: var(--logo-left);
    top: var(--logo-top);
    width: var(--logo-width);
    height: var(--logo-height);
    max-width: none;
    max-height: none;
}