:root{
    --gold:#e6a72d;
    --gold2:#ffd36a;

    --bg-brightness:1.35;
    --bg-contrast:1.03;
    --bg-blur:0px;
}

body{
    min-height:100vh;
    background:transparent;
    position:relative;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;
    background:url('../img/bg-desktop.png') center right / cover fixed no-repeat;
    filter:
        brightness(var(--bg-brightness))
        contrast(var(--bg-contrast))
        blur(var(--bg-blur));
}

body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.32) 0%,
            rgba(0,0,0,.12) 45%,
            rgba(0,0,0,.00) 100%
        );
    pointer-events:none;
}

.site-header{
    height:74px;
    padding:0 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(5,5,5,.62);
    border-bottom:1px solid rgba(216,165,38,.25);
    backdrop-filter:blur(16px);
    position:sticky;
    top:0;
    z-index:50;
}

.brand{
    display:flex;
    align-items:center;
    gap:13px;
    font-size:20px;
    font-weight:900;
    text-transform:none;
}
.mobile-menu-btn{
    display:none;
}
.brand img{
    width:46px;
    height:46px;
    object-fit:contain;
}

.brand span span{
    color:var(--gold2);
}

.site-nav{
    display:flex;
    align-items:center;
    gap:24px;
    color:#eee4d2;
    font-weight:800;
}

.site-nav a:hover{
    color:var(--gold2);
}

.btn-nav{
    padding:12px 18px;
    border-radius:12px;
    background:linear-gradient(135deg, var(--gold2), var(--gold));
    color:#15110a !important;
}

@media(max-width:900px){
    body::before{
        background:url('../img/bg-mobile.png') center / cover fixed no-repeat;
    }

    body::after{
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.35),
                rgba(0,0,0,.12)
            );
    }

    .site-header{
        padding:0 16px;
    }

    .brand span{
        font-size:16px;
    }

    .site-nav a:not(.btn-nav){
        display:none;
    }
}