.navbar{position:fixed;top:0;left:0;width:100%;background:rgba(236,230,232,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1000;transform:translateY(-110%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.navbar--visible{transform:translateY(0)}.navbar--visible.navbar--hidden{transform:translateY(-110%)}.navbar-inner{max-width:1200px;margin:0 auto;padding:16px 15px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.navbar-logo-svg{height:36px;width:auto;display:block;shape-rendering:geometricPrecision}.logo-letters-black{transition:opacity .5s ease}.navbar-logo:hover .logo-letters-black{opacity:0}.logo-letters-grad{clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(.4,0,.2,1)}.navbar-logo:hover .logo-letters-grad{clip-path:inset(0 0 0 0)}@media (max-width:768px){.navbar-logo-svg{height:24px}}