.site-header{position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(180deg,#0007,transparent);border-bottom:1px solid rgba(185,204,236,.2);--gold:#a6c2ee}
.site-header .nav{width:min(calc(100% - 64px),1320px);margin:auto;height:94px;display:flex;align-items:center;justify-content:space-between}
.site-header .logo{display:inline-flex;align-items:center;font:400 29px Georgia,"Times New Roman",serif;letter-spacing:.19em}
.site-header .app-icon{display:block;flex:none;margin-inline-end:10px;border-radius:9px}
.site-header .navlinks{display:flex;gap:37px;align-items:center;font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.site-header .navlinks a:hover{color:var(--gold)}
.site-header .navcta{padding:15px 22px;border:1px solid var(--gold);color:var(--gold)}
.site-header .navcta:hover{background:var(--gold);color:#0b0b0a}
.site-header .hamburger{display:none;background:none;border:0;color:white;font-size:26px;cursor:pointer}

@media(max-width:850px){
.site-header .nav{width:calc(100% - 42px);height:76px}
.site-header .navlinks{display:none;position:absolute;top:76px;inset-inline:0;background:#0c1421;padding:24px;flex-direction:column;align-items:stretch;gap:22px}
.site-header .navlinks.open,.site-header .hamburger{display:flex}

}
@media(max-width:560px){
.site-header .logo{font-size:25px}
.site-header .app-icon{width:32px;height:32px;margin-inline-end:8px;border-radius:7px}
}

.site-header .nav .logo{color:#fff;text-decoration:none;font:400 29px Georgia,"Times New Roman",serif!important;letter-spacing:.19em!important}
.site-header .navlinks{color:#fff}
@media(max-width:560px){.site-header .nav .logo{font-size:25px!important}}