.site-header{position:fixed;inset:0 0 auto;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:76px;padding:12px 42px;color:white;background:linear-gradient(180deg,#00000050,transparent);transition:background .25s,color .25s}
.site-header.is-light{background:rgba(255,255,255,.97);color:var(--ink)}
.brand{font-size:20px;letter-spacing:.3em;font-weight:600;justify-self:start}
.nav-links{display:flex;gap:6px;align-items:center}
.nav-links a,.contact-link{padding:10px 16px;border-radius:7px;font-size:13px;font-weight:500;transition:background .2s}
.nav-links a:hover,.contact-link:hover{background:#ffffff21}
.is-light .nav-links a:hover,.is-light .contact-link:hover{background:#171a200d}
.contact-link{justify-self:end}
@media(max-width:700px){.site-header{grid-template-columns:1fr auto;padding:15px 22px;min-height:66px}.brand{font-size:17px}.nav-links{display:none}.contact-link{font-size:12px;padding:9px 0}}