/* ==========================================
SIGNATURE FOOTER
========================================== */

.signature-footer{

position:relative;

margin:80px 5% 1% 5%;
padding:40px 0 30px;

border-top:1px solid rgba(0,0,0,0.08);

overflow:hidden;


}

/* -------------------------
WATERMARK
------------------------- */

.footer-watermark{

    position:absolute;

    top:0;
    left:50%;

    transform:translateX(-50%);

    font-family:"ClashDisplay", sans-serif;
    font-weight:700;

    font-size:clamp(5rem,11vw,9rem);
    line-height:0.9;

    color:#ffffff;
    opacity:0.3;

    white-space:nowrap;

    pointer-events:none;
    user-select:none;
}   

/* -------------------------
HEADING
------------------------- */

.footer-heading{


position:relative;
z-index:2;

text-align:center;

font-family:"ClashDisplay", sans-serif;
font-size:clamp(1.5rem,2vw,2.25rem);
font-weight:500;

margin-bottom:60px;


}

/* -------------------------
GRID
------------------------- */

.footer-grid{


position:relative;
z-index:2;

display:grid;

grid-template-columns:
    1.2fr
    1.8fr
    1.4fr
    1.2fr;

gap:40px;


}

/* -------------------------
COLUMNS
------------------------- */

.footer-col h4{


margin-bottom:10px;

font-size:1rem;


}

.footer-col p{


font-size:0.9rem;
line-height:1.5;

margin-bottom:18px;


}

/* -------------------------
BUTTONS
------------------------- */

.footer-btn{


display:inline-block;

padding:8px 16px;

background:rgba(255,255,255,0.35);
backdrop-filter:blur(4px);
border:1px solid rgba(0,0,0,0.08);
color:#222;

border-radius:999px;

text-decoration:none;

font-family:Inter,sans-serif;
font-size:0.8rem;
font-weight:600;


}

.footer-btn:hover{


background:#8f0000;
color:#fff;

}

/* -------------------------
BOTTOM
------------------------- */

.footer-bottom{


margin-top:50px;
padding-top:20px;

border-top:1px solid rgba(0,0,0,0.08);

text-align:center;

color:#777;
font-size:0.85rem;


}

/* -------------------------
MOBILE
------------------------- */

@media (max-width:768px){


.footer-heading{

    text-align:left;
    margin-bottom:40px;
}

.footer-grid{

    grid-template-columns:1fr;
    gap:32px;
}

.footer-watermark{

    font-size:4rem;
    opacity:0.25;
}


}
.linkedin-btn{
margin-top: 20px;
    display:inline-flex;
    align-items:center;
    gap:10px;
}

.linkedin-btn i{
    font-size:1rem;
}