/* Glas-Navigation (freischwebende Pille wie triebwerk.fm, heller Grund) */
.nav{position:fixed;top:calc(1em + 14px);left:0;right:0;z-index:50;padding:0 40px;background:transparent}
.nav-inner{
  max-width:1240px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 48px;border-radius:20px;
  background:rgba(255,255,255,.55);
  -webkit-backdrop-filter:blur(22px) saturate(180%);
  backdrop-filter:blur(22px) saturate(180%);
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 10px 34px -12px rgba(21,19,14,.28), inset 0 1px 0 rgba(255,255,255,.7);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .nav-inner{background:rgba(248,244,232,.96)}
}
.nav .brand{flex:0 0 auto;display:inline-flex;align-items:center;text-decoration:none;padding:6px 0}
.nav .brand img{height:84px;width:auto;display:block}
@media (max-width:540px){.nav .brand img{height:64px}}
.nav .links{display:flex;gap:28px;align-items:center}
.nav .links a{font-size:13px;font-weight:500;text-decoration:none;color:var(--ink-soft);transition:color .2s}
.nav .links a:hover{color:var(--ink)}
.nav .links a.nav-cta{background:var(--ink);color:var(--paper);padding:10px 20px;border-radius:999px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s}
.nav .links a.nav-cta:hover{color:var(--paper);transform:translateY(-1px);box-shadow:0 8px 20px -8px rgba(21,19,14,.5)}
@media (max-width:540px){.nav .links a.nav-cta{padding:9px 16px;font-size:12px}}
@media (max-width:720px){
  .nav{padding:0 16px}
  .nav .links a:not(.keep){display:none}
}