header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0;box-shadow:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s;will-change:transform}
header.header-hidden{transform:translateY(-110%);opacity:0;pointer-events:none}
nav.header-nav{padding:13px 23px;gap:23px;background:linear-gradient(120deg,#39382b80,#171c178f);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);border:1px solid #edcf7e29;border-top-color:#ffffff0d;border-radius:12px 12px 28px 28px;box-shadow:0 7px 20px #0002,inset 0 1px 0 #fff5e90a}
nav.header-nav a{padding:5px 0;font-size:11px}
@media(max-width:1100px){nav.header-nav{padding:12px 18px;gap:17px}}
@media(max-width:900px){nav.header-nav{display:none}}
@media(prefers-reduced-motion:reduce){header{transition:none}}