/* NP Inventur · notch top bar (see notch.js) */
/* Keep the old header hidden until notch.js has restyled it (no flash); reappears after 2.5 s if the script never runs. */
header.navigation:not(.nn),header.nav:not(.nn){opacity:0;animation:nn-fallback 0s 2.5s forwards}
@keyframes nn-fallback{to{opacity:1}}
header.nn{--nn-bg:#171715;--nn-fg:#f6f1eb;--nn-h:54px;--nn-r:24px;--nn-w:16px;--nn-ease:cubic-bezier(.16,1,.3,1);
  background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;pointer-events:none}
header.nn::before,header.nn::after{display:none!important}
header.nn>.navigation-inner,header.nn>.nav-in{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;
  display:flex!important;justify-content:space-between!important;align-items:flex-start!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
header.nn.nav{position:sticky!important;top:0!important;margin-top:0!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;width:100vw!important;max-width:none!important;padding:0!important}

/* the three notches */
.nn .nn-l,.nn .nn-c,.nn .nn-r{pointer-events:auto;position:relative;display:flex;align-items:center;gap:4px;height:var(--nn-h);margin:0!important;
  background:var(--nn-bg);color:var(--nn-fg);transform:translateY(-105%);transition:transform .9s var(--nn-ease),height .45s var(--nn-ease),box-shadow .45s}
.nn .nn-l{padding:0 22px 0 20px;border-radius:0 0 var(--nn-r) 0}
.nn .nn-c{color:inherit;padding:0 10px;border-radius:0 0 var(--nn-r) var(--nn-r);flex:none!important}
.nn .nn-r{padding:0 14px 0 20px;border-radius:0 0 0 var(--nn-r);gap:8px}
.nn.nn-in .nn-l{transform:none;transition-delay:.05s}
.nn.nn-in .nn-c{transform:none;transition-delay:.16s}
.nn.nn-in .nn-r{transform:none;transition-delay:.27s}
.nn.nn-scrolled .nn-l,.nn.nn-scrolled .nn-c,.nn.nn-scrolled .nn-r{--nn-h:46px;box-shadow:0 14px 30px -18px rgba(0,0,0,.55);transition-delay:0s}

/* concave wings joining each notch to the top edge */
.nn .nn-wing{position:absolute;top:0;width:var(--nn-w);height:var(--nn-w);pointer-events:none}
.nn .nn-wing.a{right:100%;background:radial-gradient(circle at 0 100%,transparent calc(var(--nn-w) - .5px),var(--nn-bg) var(--nn-w))}
.nn .nn-wing.b{left:100%;background:radial-gradient(circle at 100% 100%,transparent calc(var(--nn-w) - .5px),var(--nn-bg) var(--nn-w))}
.nn .nn-l>.nn-wing.a,.nn .nn-r>.nn-wing.b{display:none}

/* brand */
.nn .nn-l img{filter:invert(1) brightness(1.6)}
.nn .nn-l>.presentation-trigger,.nn .nn-l>.presentation-trigger *,.nn a.nn-l,.nn a.nn-l *{color:var(--nn-fg)!important}
.nn .nn-l .presentation-trigger{background:transparent!important;border:0!important;box-shadow:none!important}
.nn a.nn-l{text-decoration:none;gap:10px}

/* navigation + sliding pill */
.nn .nn-c>a,.nn .nn-c>button,.nn .nn-c>div>button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 15px!important;border-radius:999px;
  background:transparent!important;border:0!important;color:rgba(246,241,235,.66)!important;font-size:14px;font-weight:550;text-decoration:none;transition:color .25s;white-space:nowrap}
.nn .nn-c>div{position:relative;display:flex}
.nn .nn-c>div>:not(button){color:#171715}
.nn .nn-l .presentation-picker{color:#171715;top:calc(100% + 10px)!important}
.nn .nn-c>a.nn-on,.nn .nn-c>button.nn-on,.nn .nn-c>div>button.nn-on,.nn .nn-c>a:hover,.nn .nn-c button:hover{color:#fff!important}
.nn .nn-c>a::after,.nn .nn-c>a::before{display:none!important}
.nn .nn-pill{position:absolute;left:0;top:50%;height:36px;margin-top:-18px;border-radius:999px;background:#33322e;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);opacity:0;z-index:0;
  transition:transform .5s cubic-bezier(.34,1.35,.64,1),width .5s cubic-bezier(.34,1.35,.64,1),opacity .25s}

/* actions */
.nn .nn-r .pill,.nn .nn-r .btn{white-space:nowrap;height:36px!important;min-height:0!important;padding:0 16px!important;border-radius:999px!important;font-size:14px!important;display:inline-flex;align-items:center;transition:transform .25s var(--nn-ease),background .25s,border-color .25s}
.nn .nn-r .pill.outline,.nn .nn-r .btn.ghost{background:transparent!important;color:var(--nn-fg)!important;border:1px solid rgba(246,241,235,.24)!important}
.nn .nn-r .pill.outline:hover,.nn .nn-r .btn.ghost:hover{border-color:rgba(246,241,235,.6)!important}
.nn .nn-r .pill.dark,.nn .nn-r .btn.dark{background:#c8202f!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px -10px rgba(200,32,47,.9)}
.nn .nn-r .pill.dark:hover,.nn .nn-r .btn.dark:hover{background:#d92b3a!important;transform:translateY(-1px)}
.nn .nn-r .menu-toggle{color:var(--nn-fg)!important;background:rgba(255,255,255,.08)!important;border:0!important}
.nn .nn-r .menu-toggle svg{stroke:currentColor}
.nn .nn-c a:focus-visible,.nn .nn-c button:focus-visible,.nn .nn-r :is(a,button):focus-visible,.nn .nn-l :is(a,button):focus-visible{outline:2px solid #f2a7ae!important;outline-offset:2px}
.nn dialog.mobile-menu{pointer-events:auto}

@media (max-width:1100px){.nn .nn-c>a,.nn .nn-c>button,.nn .nn-c>div>button{padding:0 11px!important;font-size:13.5px}}
@media (min-width:901px){.nn .nn-c{position:absolute!important;left:50%;translate:-50% 0}}
@media (max-width:900px){.nn .nn-c{display:none!important}.nn .nn-r .contact-trigger,.nn .nn-r .btn.ghost{display:none!important}}
@media (max-width:700px){
  header.nn{--nn-h:50px;--nn-r:20px;--nn-w:12px}
  .nn .nn-l{padding:0 16px 0 14px}
  .nn .nn-r{padding:0 8px 0 14px;gap:4px}
  .nn .nn-r .pill,.nn .nn-r .btn{height:34px!important;padding:0 13px!important;font-size:12.5px!important}
  .nn .nn-r .menu-toggle{width:34px;height:34px;border-radius:999px;background:transparent!important}
}
@media (prefers-reduced-motion:reduce){.nn .nn-l,.nn .nn-c,.nn .nn-r,.nn .nn-pill{transition:none!important;transform:none}}