.site-footer {
    background: var(--color-navy);
    color: var(--color-white);
    padding: 56px 0 32px;
}

.footer-container {
    display: grid;
    gap: 32px;
}

.footer-brand {
    max-width: 520px;
}

.footer-logo {
    width: 180px;
    margin-bottom: 20px;
}

.site-footer p {
    color: rgba(255, 255, 255, 0.78);
    max-width: 520px;
}

.footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    font-weight: 700;
}

.footer-nav a:hover {
    color: var(--color-gold);
}

.footer-copy {
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
    font-size: 0.9rem;
}