/* Top bar: logo, nav and live status */

header{position:sticky;top:0;z-index:70;background:rgba(237,235,228,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(20,23,15,.16)}
.bar{max-width:1620px;margin:0 auto;padding:0 30px;display:flex;align-items:stretch;justify-content:space-between;gap:20px;height:60px}
.bar > *{display:flex;align-items:center}
.logo{display:inline-flex;align-items:center;gap:10px}
.logo .wm b{display:block;font-weight:700;font-size:14px;letter-spacing:.2em;color:var(--green);line-height:1}
.logo .wm b i{font-style:normal;color:var(--orange)}
.logo .wm span{display:block;font-family:var(--mono);font-size:7px;letter-spacing:.36em;color:var(--sage);margin-top:3px}
nav{gap:0}
nav a{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;padding:0 18px;height:100%;display:flex;align-items:center;border-left:1px solid rgba(20,23,15,.16);transition:background .25s,color .25s}
nav a:hover{background:var(--ink);color:var(--paper)}
.status{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;color:var(--sage);gap:8px;text-transform:uppercase}
.status .dot{width:6px;height:6px;background:var(--orange);border-radius:50%;animation:blink 1.8s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}