.site-footer{
    background:var(--bg);
    border-top:1px solid var(--border);
    margin-top:var(--space-8);
}

.footer-inner{
    max-width:1140px;
    margin:0 auto;
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:var(--space-7); 
    padding:var(--space-8) 16px;
}

.footer-col{
    display:flex;
    flex-direction:column;
    gap:var(--space-3); 
    position:relative;
}

@media (min-width:1024px){
    .footer-col:not(:first-child)::before{
        content:"";
        position:absolute;
        left:-16px;
        top:0;
        bottom:0;
        width:1px;
        background:var(--border);
        opacity:.4;
    }
}

.footer-about strong{
    font-family:"Encode Sans Condensed",sans-serif;
    font-size:1.125rem;
    font-weight:700;
    line-height:1.35;
    color:var(--text);
}

.footer-about p{
    font-size:1rem;
    color:var(--muted);
    line-height:1.6;
    margin:0;
}


.footer-col h4{
    font-family:"Encode Sans Condensed",sans-serif;
    font-size:.9rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--accent);
    margin:0;
}

.footer-col ul{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:.4rem;
}

.footer-col a{
    font-size:1rem;
    color:var(--text);
    text-decoration:none;
    transition:.2s;
}

.footer-col a:hover{
    color:var(--accent);
}

.footer-bottom{
    border-top:1px solid var(--border);
    margin-top:var(--space-6);
    padding:var(--space-4) 16px;
    text-align:center;
    font-size:.85rem;
    color:var(--muted);
}

@media (max-width:1024px){

    .footer-inner{
        grid-template-columns:1fr 1fr;
        gap:var(--space-6);
    }

    .footer-col::before{
        display:none;
    }
}

@media (max-width:768px){

    .footer-inner{
        grid-template-columns:1fr;
        gap:var(--space-4);
        padding:var(--space-6) 16px;
    }

    .footer-col:not(.footer-about){
        display:none;
    }

    /* keep about clean */
    .footer-about{
        display:block;
        padding-bottom:0;
        border:none;
    }

    .footer-about strong{
        font-size:1.125rem;
    }

    .footer-about p{
        font-size:1rem;
        line-height:1.6;
    }

    .footer-bottom{
        font-size:.8rem;
        margin-top:var(--space-4);
    }
}

[data-theme="dark"] .site-footer{
    background:var(--bg);
    border-top:1px solid rgba(255,255,255,.08);
}

[data-theme="dark"] .footer-col a{
    color:rgba(255,255,255,.9);
}

[data-theme="dark"] .footer-about p,
[data-theme="dark"] .footer-bottom{
    color:rgba(255,255,255,.6);
}

[data-theme="dark"] .footer-col:not(:first-child)::before{
    background:rgba(255,255,255,.08);
}