.reform-logo {
    display: inline-block;
    vertical-align: middle;
    mix-blend-mode: multiply;
}

.reform-logo__art {
    display: block;
    width: 88px;
    aspect-ratio: 824 / 759;
    /* Trim the surrounding whitespace and keep the original mark and wordmark together. */
    background: url("../img/reform-logo.png") 50.930% 55.354% / 152.184% auto no-repeat;
}

@media (max-width: 768px) {
    .logoArea .reform-logo__art {
        width: 66px;
    }
}

/* Release the animation's stacking context so the logo can blend with the footer photo. */
.footData.animated {
    animation-fill-mode: backwards;
}