:root{
    --navy-deep:#0a1628;
    --navy:#0d1f3c;
    --gold:#c8a84b;
    --gold-light:#e8cc7a;
    --ink:#1a1a2e;
    --muted:#8fa3be;
    --bg:#f4f6f9;
    --line:#e8ecf0;
}

body{
    background:var(--bg);
    font-family:'Inter',sans-serif;
    color:var(--ink);
}

/* ===== FOOTER ===== */
footer.site-footer{
    background:var(--navy-deep);
    color:#fff;
    padding-top:60px;
}


.navbar-logo{
    height: 80px;
    width: 250px;
    display: block;
    transition: 0.3s ease;
}

.navbar-logo:hover{
    transform: scale(1.03);
}

.brand-mark{
    display:flex;
    align-items:center;
    text-decoration:none;
    gap:12px;
}
/*
.brand-bar{
    width:4px;
    height:58px;
    background:linear-gradient(
        to bottom,
        #e8cc7a,
        #c8a84b,
        #a57d23
    );
    border-radius:5px;
    flex-shrink:0;
}
*/
.sg-logo{
    width:58px;
    height:58px;
    object-fit:contain;
    display:block;
    flex-shrink:0;
}

.brand-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    line-height:1;
}

.l1{
    font-family:'Playfair Display', serif;
    font-size:24px;
    font-weight:800;
    letter-spacing:1.5px;
}


.l2{
    font-family:'Inter', sans-serif;
    font-size:13px;
    font-weight:700;
    letter-spacing:5px;
    color:#c8a84b;
    margin-top:4px;
}


.swiss{
    color:#c8a84b;
    text-shadow:0 0 8px rgba(200,168,75,.25);
}

.global{
    color:#ffffff;
}

.brand-bar{
    width:4px;
    height:58px;
    background:linear-gradient(
        to bottom,
        #f2d67d,
        #c8a84b,
        #8f6b1d
    );
}


.brand-mark:hover .sg-logo{
    transform:scale(1.05);
    transition:0.3s ease;
}

.brand-mark:hover .l1{
    color:#f8f8f8;
}

.brand-mark:hover .l2{
    color:#e8cc7a;
}


footer.site-footer p{
    color:var(--muted);
    font-size:14px;
}

footer.site-footer h6{
    font-family:'Inter', sans-serif;
    font-size:11px;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:var(--gold);
    font-weight:700;
    margin-bottom:18px;
}

.footer-links a{
    color:var(--muted);
    text-decoration:none;
    display:block;
    margin-bottom:10px;
    font-size:14px;
    transition:0.25s;
}

.footer-links a:hover{
    color:var(--gold);
    padding-left:5px;
}

footer.site-footer .bottom-bar{
    border-top:1px solid rgba(200,168,75,0.18);
    margin-top:40px;
    padding:22px 0;
    color:#5a6b80;
    font-size:13px;
    text-align:center;
    
    
    @media(max-width:768px){

    .sg-logo{
        width:42px;
        height:42px;
    }

    .l1{
        font-size:18px;
    }

    .l2{
        font-size:15px;
    }

    .brand-bar{
        height:34px;
    }

}