@font-face {
    font-family: 'Zaminiti Montserrat';
    src: url('fonts/montserrat-latin-variable.woff2') format('woff2');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

/* Shared studio credit and footer layout. */
.site-footer { padding: 32px; }
.site-footer .footer-inner {
    width: 100%; max-width: 1100px; margin: 0 auto;
    display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
.site-footer .studio-credit {
    display: inline-flex; align-items: center; gap: 5px;
    min-height: 44px; color: #64748b; font-size: 13px; font-weight: 500;
    text-decoration: none; white-space: nowrap;
}
.site-footer .studio-credit span {
    color: #475569; font-family: 'Zaminiti Montserrat', sans-serif;
    font-size: 13px; font-weight: 500; letter-spacing: .27em;
    text-transform: uppercase; margin-left: 3px; transition: color .15s;
}
.site-footer .studio-credit svg { width: 13px; height: 13px; margin-left: 3px; }
.site-footer .studio-credit:hover, .site-footer .studio-credit:hover span { color: #7c3aed; }
.site-footer .footer-links { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; }
.site-footer .footer-links a { display: inline-flex; align-items: center; min-height: 44px; color: #64748b; }
.studio-inline { color: inherit; font-weight: 700; text-decoration: underline; text-decoration-color: #c4b5fd; text-underline-offset: 4px; transition: color .15s; }
.studio-inline:hover { color: #7c3aed; }
.site-footer a:focus-visible, .studio-inline:focus-visible { outline: 2px solid #7c3aed; outline-offset: 5px; border-radius: 3px; }
@media (max-width: 640px) {
    .site-footer { padding: 24px 20px; }
    .site-footer .footer-inner { flex-direction: column; gap: 8px; text-align: center; }
    .site-footer .footer-links { flex-direction: row; justify-content: center; gap: 8px 20px; }
}