.footer{

    position:relative;

    padding:
    60px 7% 30px;

    background:
    linear-gradient(
    to top,
    #040404,
    #080808
    );

    overflow:hidden;

    border-top:
    1px solid rgba(255,255,255,.05);

}

/* GLOW */

.footer-glow{

    position:absolute;

    top:-200px;
    left:50%;

    transform:translateX(-50%);

    width:900px;
    height:500px;

    background:
    radial-gradient(
    circle,
    rgba(201,155,92,.14),
    transparent 70%
    );

    filter:blur(70px);

    opacity:.8;

}

/* INNER */

.footer-inner{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
    1fr 1fr 1fr;

    align-items:center;

    gap:40px;

}

/* BRAND */

.footer-brand h2{

    color:white;

    font-size:3.2rem;

    margin-bottom:18px;

    font-weight:700;

}

.footer-brand p{

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

    line-height:2;

    font-size:1rem;

}

/* LINKS */

.footer-links{

    display:flex;

    gap:28px;

}

.footer-links a{

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

    text-decoration:none;

    transition:.3s;

    position:relative;

}

.footer-links a:hover{

    color:#c99b5c;

}

.footer-links a::after{

    content:"";

    position:absolute;

    bottom:-8px;
    right:0;

    width:0;
    height:1px;

    background:#c99b5c;

    transition:.3s;

}

.footer-links a:hover::after{

    width:100%;

}

/* SOCIAL */

.footer-social{

    display:flex;

    align-items:center;

    gap:14px;

}

.footer-social a{

    width:58px;
    height:58px;

    border-radius:18px;

    display:flex;

    align-items:center;
    justify-content:center;

    background:
    rgba(255,255,255,.04);

    border:
    1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(14px);

    transition:.35s;

}

.footer-social a:hover{

    transform:
    translateY(-8px);

    border-color:
    rgba(201,155,92,.45);

    box-shadow:
    0 0 30px rgba(201,155,92,.16);

    background:
    rgba(255,255,255,.08);

}

.footer-social img{

    width:45px;

    opacity:.9;

}

/* BOTTOM */

.footer-bottom{

    position:relative;

    z-index:2;

    margin-top:40px;

    padding-top:26px;

    text-align:center;

    border-top:
    1px solid rgba(255,255,255,.05);

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

    font-size:.92rem;

}
.footer-inner{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
    1.2fr 1fr 1.2fr;

    align-items:center;

}