.navbar{z-index:1000;width:100%;height:96px;transition:background-color var(--transition-med), backdrop-filter var(--transition-med), border-color var(--transition-med);background-color:#0000;border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar--scrolled{-webkit-backdrop-filter:blur(18px);background-color:#fbf9f4e0;border-bottom-color:#cfc4bd1f}.navbar__container{max-width:var(--max-container-width);width:100%;padding:0 var(--spacing-desktop-margin);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.navbar__logo{align-items:center;height:100%;display:flex}.navbar__logo img{object-fit:contain;width:auto;height:64px;transition:filter var(--transition-med)}.navbar--hero .navbar__logo img{filter:brightness(0)invert()}.navbar--scrolled .navbar__logo img{filter:none}.navbar--hero .navbar__link,.navbar--hero .navbar__search-btn,.navbar--hero .navbar__menu-btn{color:#ffffffeb}.navbar__links{gap:48px;list-style:none;display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar__link{color:var(--color-on-surface);transition:all var(--transition-med);font-family:var(--font-manrope);position:relative}.navbar__link:after{content:"";width:0;height:1px;transition:width var(--transition-med);background-color:currentColor;position:absolute;bottom:-4px;left:0}.navbar__link:hover{opacity:1}.navbar__link:hover:after{width:100%}.navbar__actions{align-items:center;display:none}.navbar__actions--desktop{margin-left:auto;display:flex;position:relative}.navbar__actions--mobile{display:none}.navbar__search-btn{cursor:pointer;color:var(--color-on-surface);transition:transform var(--transition-med), color var(--transition-med), opacity var(--transition-med);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.navbar__search-btn:hover{opacity:.85;transform:translateY(-1px)}.navbar__search-panel{z-index:1200;width:min(380px,100vw - 40px);position:absolute;top:calc(100% + 12px);right:0}.navbar__search-shell{box-shadow:var(--shadow-elevation-2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius-xl);background:#fbf9f4f5;border:1px solid #cfc4bdcc;padding:18px}.navbar__search-row{gap:12px;display:flex}.navbar__search-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navbar__search-input{border-radius:var(--radius-full);width:100%;font-family:var(--font-manrope);background:#ffffffc2;border:1px solid #cfc4bdcc;outline:none;padding:12px 14px;font-size:14px}.navbar__search-input::placeholder{color:var(--color-outline)}.navbar__search-input:focus{border-color:var(--color-secondary)}.navbar__search-close{cursor:pointer;font-family:var(--font-manrope);transition:background-color var(--transition-med), color var(--transition-med), border-color var(--transition-med);background:0 0;border:1px solid #cfc4bdcc;padding:0 18px}.navbar__search-close:hover{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.navbar__search-results{gap:8px;margin-top:12px;display:grid}.navbar__search-result{border-radius:var(--radius-small);color:var(--color-on-surface);background:#ffffffb8;padding:10px 12px}.navbar__search-result:hover{opacity:1;background:#fffffff5}.navbar__search-empty{color:var(--color-on-surface-variant);padding:6px 4px;font-size:14px}.navbar__menu-btn{border-radius:var(--radius-full);cursor:pointer;background:#fbf9f4d1;border:1px solid #cfc4bdcc;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;padding:0 11px;display:inline-flex;box-shadow:0 4px 16px #1815120f}.navbar__menu-btn span{background:currentColor;width:100%;height:1.5px;display:block}.navbar__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#1815123d;position:fixed;inset:0}.navbar__drawer{z-index:1150;background:linear-gradient(#fbf9f4fa,#f3f0eafa);border-left:1px solid #cfc4bd99;flex-direction:column;gap:28px;width:min(340px,88vw);height:100vh;padding:28px 24px;display:flex;position:fixed;top:0;right:0;box-shadow:-24px 0 48px #1815121a}.navbar__drawer-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.navbar__drawer-close{cursor:pointer;color:var(--color-on-surface);font-family:var(--font-manrope);background:0 0;border:none}.navbar__drawer-links{gap:12px;display:grid}.navbar__drawer-link{font-family:var(--font-manrope);color:var(--color-on-surface);border-bottom:1px solid #cfc4bdb3;padding:14px 0;font-size:16px}@media (max-width:1024px){.navbar__container{padding:0 var(--spacing-mobile-margin)}.navbar__links,.navbar__actions--desktop{display:none}.navbar__actions--mobile{display:flex}.navbar__search-panel{display:none}}@media (max-width:768px){.navbar{height:72px}.navbar--scrolled{-webkit-backdrop-filter:blur(16px);background-color:#fbf9f4e6}.navbar__logo img{height:48px}.navbar__drawer{width:min(320px,92vw);padding:24px 20px}.navbar__menu-btn{width:40px;height:40px}}