/* Next Bridge — l'en-tête commune.
   Les sous-pages et l'accueil doivent présenter exactement la même barre :
   même hauteur, même logo, même menu, et elle reste accessible au défilement. */
.bar{
  background:var(--navy); color:var(--paper);
  border-bottom:1px solid var(--rule-dark);
  position:sticky; top:0; z-index:100;
  transition:box-shadow .3s ease;
}
.bar.posee{ box-shadow:0 10px 26px -20px rgba(0,0,0,.9) }
.bar .wrap{ display:flex; align-items:center; gap:32px; min-height:94px; flex-wrap:wrap;
  transition:min-height .3s cubic-bezier(.22,.61,.36,1) }
.bar .wm-nb{ height:66px; width:auto; display:block; opacity:.96;
  transition:height .3s cubic-bezier(.22,.61,.36,1) }
.bar.posee .wm-nb{ height:44px }
.bar.posee .wrap{ min-height:64px }
.bar nav{ margin-inline-start:auto; display:flex; gap:26px; flex-wrap:wrap }
.bar nav a{ font-size:13.5px; font-weight:400; color:rgba(242,239,232,.80);
  padding-bottom:4px; border-bottom:1px solid transparent; transition:color .18s, border-color .18s }
.bar nav a:hover{ color:var(--paper) }
.bar nav a[aria-current]{ color:#fff; border-bottom-color:var(--paper) }
@media(max-width:900px){ .bar .wm-nb{height:54px} .bar .wrap{min-height:80px} }
@media(max-width:600px){ .bar .wm-nb{height:46px} .bar .wrap{min-height:70px} }
@media(prefers-reduced-motion:reduce){ .bar,.bar .wrap,.bar .wm-nb{transition:none} }