.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--ink) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--d-text);border-bottom:1px solid var(--d-line)}
.hdr .wrap{display:flex;align-items:center;gap:36px;height:72px}
.logo svg{height:34px;width:auto;fill:var(--d-text);display:block}
.hnav{display:flex;gap:28px;font-size:15px}
.hnav a{color:var(--d-text-2);transition:color .2s}
.hnav a:hover,.hnav a.on{color:var(--d-text)}
.hright{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:15px}
.hright .login{color:var(--d-text-2)}
.hright .login:hover{color:var(--d-text)}
@media (max-width:900px){.hnav{display:none}
}
@media (max-width:640px){.hright .login{display:none}
}