/* Canonical marketing-site footer (site chrome). Single source of truth: the
   markup lives in _partials/site-footer.html and is injected at the @site-footer
   marker by build-marketing.mjs. Loaded on every page alongside header.css, and
   reuses the header's width tokens so the footer lines up with the nav. */
.site-foot { border-top: 1px solid var(--border-subtle); padding-block: clamp(40px, 6vw, 72px) var(--space-9); }
.site-foot__in { max-width: var(--hdr-maxw); margin-inline: auto; padding-inline: var(--hdr-edge); }
.site-foot__grid { display: grid; grid-template-columns: 1.8fr 1fr 1fr; gap: var(--space-8); }

.site-foot__about p { color: var(--text-muted); font-size: var(--size-body-sm); margin-top: var(--space-5); max-width: 34ch; line-height: 1.55; }
.site-foot__brand { display: flex; align-items: center; gap: var(--space-4); flex: none; text-decoration: none; }
.site-foot__brand:hover { text-decoration: none; }
.site-foot__brand-name { font-family: var(--font-display); font-weight: var(--weight-heavy); font-size: 19px; letter-spacing: -0.025em; color: var(--text-strong); }
.site-foot__brand-name b { color: var(--brand); }

.site-foot__col h5 { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-subtle); margin-bottom: var(--space-5); }
.site-foot__col a { display: block; color: var(--text-body); font-size: var(--size-body-sm); padding: var(--space-2) 0; text-decoration: none; }
.site-foot__col a:hover { color: var(--brand); text-decoration: none; }
.site-foot__col .soon { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-subtle); }

.site-foot__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--space-5); margin-top: var(--space-10); padding-top: var(--space-6); border-top: 1px solid var(--border-subtle); font-family: var(--font-mono); font-size: 12px; color: var(--text-subtle); flex-wrap: wrap; }
.site-foot__legal a { color: var(--text-subtle); text-decoration: none; }
.site-foot__legal a:hover { color: var(--brand); text-decoration: none; }
.site-foot__disclaimer { margin: var(--space-5) 0 0; font-size: 11px; line-height: 1.5; color: var(--text-subtle); max-width: 92ch; }

@media (max-width: 760px) { .site-foot__grid { grid-template-columns: 1fr; } }