/**
 * footer.css — the site footer (template-parts/site-footer.php).
 *
 * Loaded on every page, including the 3D home. It only reads tokens
 * (--text, --muted, --faint, --line, --bg-3, --gutter, --wrap, --font, --mono):
 * site.css sets them on body.site-chrome, home-3d.css maps the scene theme
 * onto them for the home page.
 */

.st-foot__wordmark {
    display: block;
    aspect-ratio: 1932 / 227;
    background: currentColor;
    -webkit-mask: url(../img/brand/automaton-wordmark.svg) no-repeat center / contain;
    mask: url(../img/brand/automaton-wordmark.svg) no-repeat center / contain;
}

/* ---- 8. Footer ----------------------------------------------------------- */

.st-foot {
    margin-top: 4rem;
    padding: 3.5rem var(--gutter) 1.6rem;
    background: var(--bg-3);
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 0.9rem;
}
body.brand-automaton .st-foot { background: #060b16; }
.st-foot__grid { max-width: var(--wrap); margin: 0 auto; display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1.3fr; gap: 2rem; }
@media (max-width: 1040px) { .st-foot__grid { grid-template-columns: repeat(3, 1fr); } .st-foot__brand { grid-column: 1 / -1; } }
@media (max-width: 880px) { .st-foot__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .st-foot__grid { grid-template-columns: 1fr; } }
.st-foot__brand { color: var(--text); }
.st-foot__wordmark { height: 14px; margin-bottom: 1rem; }
.st-foot__line { max-width: 34ch; color: var(--muted); margin: 0; font-size: 0.9rem; }
.st-foot h4 { margin: 0 0 0.9rem; font-family: var(--font); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--faint); }
.st-foot ul { margin: 0; padding: 0; list-style: none; }
.st-foot li { margin: 0 0 0.45rem; }
.st-foot a { color: var(--muted); transition: color 0.2s; }
.st-foot a:hover { color: var(--text); }
.st-foot__soon { color: var(--faint); cursor: default; }
.st-foot__addr { font-size: 0.82rem; line-height: 1.5; color: var(--faint); }
.st-foot__bar { max-width: var(--wrap); margin: 2.5rem auto 0; padding-top: 1.2rem; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 1rem 2rem; font-family: var(--mono); font-size: 0.72rem; color: var(--faint); }
.st-foot__made { margin-left: auto; }