.navbar-modern{--nm-background: hsl(40, 30%, 97%);--nm-foreground: hsl(220, 15%, 18%);--nm-foreground-muted: hsla(220, 15%, 18%, 0.6);--nm-primary: hsl(358, 74%, 45%);--nm-primary-foreground: #fff;--nm-secondary: hsl(35, 30%, 92%);--nm-secondary-foreground: hsl(220, 15%, 25%);--nm-muted: hsl(40, 15%, 94%);--nm-muted-foreground: hsl(220, 10%, 45%);--nm-border: hsl(35, 18%, 87%);--nm-radius: 0.5rem;--nm-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid var(--nm-border);box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);font-family:var(--nm-font)}.navbar-modern-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:6rem;position:relative}.navbar-modern-brand{flex-shrink:0;padding:0.75rem;margin-right:2rem;display:inline-flex;transition:opacity 0.15s ease}.navbar-modern-brand:hover{opacity:0.9}.navbar-modern-logo{height:4rem;width:auto}@media screen and (min-width:576px){.navbar-modern-logo{height:5rem}}@media screen and (min-width:768px){.navbar-modern-logo{height:6rem}}.navbar-modern-nav{align-items:center;gap:0.25rem;flex-wrap:wrap}.navbar-modern-link{padding:0.5rem 0.75rem;border-radius:var(--nm-radius);font-size:0.875rem;color:var(--nm-foreground-muted);text-decoration:none;transition:color 0.15s ease, background-color 0.15s ease}.navbar-modern-link:hover{color:var(--nm-foreground);background-color:var(--nm-muted)}.navbar-modern-link.active{background-color:var(--nm-secondary);color:var(--nm-primary);font-weight:500}.navbar-modern-actions{display:flex;align-items:center;gap:0.25rem}.navbar-modern-search-toggle,.navbar-modern-toggler{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:0;background:transparent;border-radius:var(--nm-radius);color:var(--nm-foreground);transition:background-color 0.15s ease}.navbar-modern-search-toggle:hover,.navbar-modern-toggler:hover{background-color:var(--nm-muted)}.navbar-modern-toggler-icon{display:block;width:1.25rem;height:1.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0,0,0,0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-modern-search-form{display:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);align-items:center;gap:0.5rem;background:#fff;padding:0.25rem;border-radius:var(--nm-radius);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.navbar-modern-search-form.is-open{display:flex}.navbar-modern-search-form input[type="text"]{width:10rem;height:2.25rem;border:1px solid var(--nm-border);border-radius:var(--nm-radius);padding:0 0.75rem}.navbar-modern-search-form button[type="submit"],.navbar-modern-search-form input[type="submit"]{height:2.25rem;border:0;border-radius:var(--nm-radius);padding:0 0.75rem;background-color:var(--nm-primary);color:var(--nm-primary-foreground)}.navbar-modern-search-form .navbar-modern-search-close{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:var(--nm-radius);font-size:1.25rem;line-height:1}.navbar-modern-search-form .navbar-modern-search-close:hover{background-color:var(--nm-muted)}@media screen and (min-width:768px){.navbar-modern-search-form input[type="text"]{width:14rem}}.navbar-modern-offcanvas{width:16rem;font-family:var(--nm-font)}.navbar-modern-offcanvas .navbar-modern-nav-mobile{display:flex;flex-direction:column;gap:0.25rem;margin-top:2rem}.navbar-modern-offcanvas .navbar-modern-link{padding:0.75rem;font-size:1rem;font-weight:500;color:var(--nm-foreground-muted)}.navbar-modern-offcanvas .navbar-modern-link:hover{color:var(--nm-foreground);background-color:var(--nm-muted)}.navbar-modern-offcanvas .navbar-modern-link.active{background-color:var(--nm-secondary);color:var(--nm-primary)}