/*
 * footer — the DEPO site footer without a background of its own (the animated page background
 * shows through), plus an optional quiet "DEPO" word behind the content (footer.cfg.js: word).
 * The markup and its styles are the site's (site-chrome.css #site-footer); only overrides here.
 */
#site-footer.d0-footer { position: relative; z-index: 0; overflow: hidden; background: none; color: var(--d0-footer-ink); }
#site-footer.d0-footer > .container { position: relative; z-index: 1; }
.d0-footer__word {
    position: absolute; left: 50%; bottom: 0; z-index: 0; margin: 0; pointer-events: none; user-select: none;
    transform: translate(-50%, 18%); white-space: nowrap;
    font: 900 var(--d0-footer-word-size, 26vw)/0.72 var(--d0-font-display); letter-spacing: -0.07em;
    color: var(--d0-footer-word); opacity: var(--d0-footer-word-opacity, 0.06);
}
.d0-footer__word[hidden] { display: none; }