.navbar{height:var(--nav-h);z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060a0fd9;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;padding:0 2.5rem;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.navbar__progress{background:linear-gradient(90deg,#4db6ac59,#26c6da33);border-radius:0 1px 1px 0;height:1px;position:absolute;bottom:0;left:0}.logo{z-index:110;flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:inline-flex}.logo-mark{background:#4db6ac14;border:1.5px solid #4db6ac73;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:border-color .2s,background .2s;display:flex}.logo:hover .logo-mark{background:#4db6ac24;border-color:#4db6accc}.logo-mark__img{object-fit:contain;filter:brightness(0)saturate()invert(72%)sepia(40%)saturate(400%)hue-rotate(130deg)brightness(95%);width:20px;height:20px;margin:auto;transition:filter .2s;display:block}.logo:hover .logo-mark__img{filter:brightness(0)saturate()invert(72%)sepia(40%)saturate(600%)hue-rotate(130deg)brightness(110%)}.logo-name{font-family:var(--font-display);color:#f5f5f5eb;letter-spacing:.01em;font-size:1.15rem}.logo-dot{color:#4db6ac}.nav-links{gap:2.2rem;display:flex}.nav-link{letter-spacing:.015em;color:#bed0e0b3;padding-bottom:3px;font-size:.875rem;text-decoration:none;transition:color .15s;position:relative}.nav-link:after{content:"";background:#4db6ac;border-radius:1px;width:0;height:1.5px;transition:width .22s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0}.nav-link:hover{color:#f5f5f5f2}.nav-link:hover:after{width:100%}.nav-link--active{color:#4db6ac!important}.nav-link--active:after{width:100%}.nav-burger{cursor:pointer;z-index:110;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;display:none}.nav-burger span{transform-origin:50%;background:#f5f5f5e0;border-radius:2px;width:100%;height:2px;transition:transform .25s,opacity .25s;display:block}.nav-burger--open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-burger--open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-overlay{z-index:99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#060a0ff7;justify-content:center;align-items:center;transition:opacity .28s;display:flex;position:fixed;inset:0}.nav-overlay--open{opacity:1;pointer-events:all}.nav-overlay-links{flex-direction:column;align-items:center;gap:1.8rem;display:flex}.nav-overlay-link{font-family:var(--font-display);color:#bed0e0a6;letter-spacing:.01em;padding-bottom:4px;font-size:clamp(1.4rem,5vw,2rem);text-decoration:none;transition:color .15s;position:relative}.nav-overlay-link:after{content:"";background:#4db6ac;border-radius:1px;width:0;height:2px;transition:width .22s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-overlay-link:hover{color:#f5f5f5f2}.nav-overlay-link:hover:after{width:100%}.nav-overlay-link--active{color:#4db6ac!important}.nav-overlay-link--active:after{width:100%}@media (max-width:900px){.nav-links{display:none}.nav-burger{display:flex}.navbar{padding:0 1.4rem}}