/* Use the original logo as a light wordmark directly on the footer background. */
.site-footer .brand-logo{width:240px;padding:0;border:0;border-radius:0;background:transparent;transition:opacity .2s}
.site-footer .brand-logo img{filter:brightness(0) invert(1);width:100%;height:auto}
.site-footer .brand-logo:hover{opacity:.8}
.site-footer .footer-grid>div:first-child>p{margin-top:25px;max-width:260px}
@media(max-width:720px){.site-footer .brand-logo{width:230px}}
@media(prefers-reduced-motion:reduce){.site-footer .brand-logo{transition:none}}