/* Floating smoked-glass navigation */
body{padding-top:104px}
body>header{position:fixed;top:20px;left:28px;right:28px;width:auto;border:1px solid rgba(255,255,255,.17);border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.065),rgba(255,255,255,.015)),rgba(12,13,15,.65);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 36px rgba(0,0,0,.2);overflow:visible}
body>header.scrolled{background:rgba(12,13,15,.83);border-color:rgba(255,255,255,.19)}
body>header .wrap{height:76px;max-width:none;padding-inline:28px}
body>header .logo img{height:52px}
body>header .nav-l{gap:28px}
body>header .drop-panel{top:calc(100% + 24px);background:rgba(15,16,18,.96);border-color:#ffffff24;backdrop-filter:blur(20px)}
@media(max-width:760px){body{padding-top:86px}body>header{top:12px;left:12px;right:12px;border-radius:19px}body>header .wrap{height:64px;padding-inline:16px}body>header .logo img{height:43px}body>header .drop-btn,body>header .menu-btn{font-size:14px}body>header .nav-l{gap:0}body>header .drop-panel{left:-8px;top:calc(100% + 21px)}}