/*
 * FOOTER — CLANDESTINO
 */

.cl-footer{
    background:#050505;
    border-top:1px solid rgba(255,255,255,.08);
    padding:72px 0 28px;
}

.cl-footer__inner{
    width:min(1320px,calc(100% - 64px));
    margin:0 auto;

    display:grid;
    grid-template-columns:1.4fr 1fr 1fr;
    gap:72px;

    align-items:start;
}

.cl-footer__brand{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.cl-footer__logo{
    margin:0;

    font-size:.95rem;
    line-height:1;

    font-weight:900;
    letter-spacing:.28em;
    text-transform:uppercase;

    color:#fff;
}

.cl-footer__text{
    margin:0;

    max-width:320px;

    font-size:.9rem;
    line-height:1.7;

    color:rgba(255,255,255,.42);
}

.cl-footer__nav{
    display:flex;
    flex-direction:column;
    gap:14px;
}

.cl-footer__nav a{
    width:fit-content;

    color:rgba(255,255,255,.42);

    text-decoration:none;
    text-transform:uppercase;

    letter-spacing:.14em;
    font-size:.72rem;
    font-weight:800;

    transition:color .15s ease;
}

.cl-footer__nav a:hover{
    color:#fff;
}

.cl-footer__bottom{
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,.08);
}

.cl-footer__bottom span{
    display:block;

    color:rgba(255,255,255,.32);

    font-size:.72rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
}

@media (max-width:900px){

    .cl-footer{
        padding:56px 0 28px;
    }

    .cl-footer__inner{
        width:min(100% - 40px,1320px);

        grid-template-columns:1fr 1fr;
        gap:42px 28px;
    }

    .cl-footer__brand{
        grid-column:1 / -1;
    }

}

@media (max-width:560px){

    .cl-footer__inner{
        grid-template-columns:1fr;
        gap:32px;
    }

}