:root {
    /* Tweak to taste */
    --nav-min: 84px;
    --brand: #1c1c1c;
    --brand-ink: #ffffff;
    --gold: #d4a047;
    --ink: #222;
    --page-bg: #faf9f7;
    --container-max: 1200px;

    --btn-ink: #111;
    --btn-bg: var(--gold);
    --btn-bg-hover: #e1b15b;
}

.site-footer {
    background: #111;
    color: #ddd;
}
.footer-grid {
    display: grid;
    gap: clamp(16px, 3vw, 26px);
    grid-template-columns: 1.2fr 1fr 1fr;
    padding: clamp(28px, 6vw, 46px) 0;
}
.footer-logo {
    height: 48px;
    width: auto;
    object-fit: contain;
    display: block;
    margin-bottom: 10px;
}
.footer-col h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 1rem;
}
.footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 6px;
}
.footer-col a {
    color: #f4e9cf;
    text-decoration: none;
}
.footer-col a:hover {
    color: var(--gold);
}
.footer-area {
    margin: 0.5rem 0 0;
    color: #bbb;
}
.footer-contact li {
    color: #ccc;
}
.footer-base {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.footer-base small {
    display: block;
    padding: 12px 0;
    color: #aaa;
}

@media (max-width: 980px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 640px) {
    .footer-grid {
        grid-template-columns: 1fr;
    }
}