/* 04-nav.css
   Barre de navigation et menu mobile */

.nav{
  position:sticky;top:0;z-index:60;
  background:rgba(0,0,0,.72);
  backdrop-filter:saturate(140%) blur(10px);
  -webkit-backdrop-filter:saturate(140%) blur(10px);
  border-bottom:1px solid transparent;
  transition:border-color .25s ease,background .25s ease;
}
.nav.is-stuck{border-bottom-color:var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:66px}
.brand{font-family:var(--display);font-size:20px;letter-spacing:.14em;font-weight:500}
.brand span{color:var(--blue)}
.nav-links{display:flex;align-items:center;gap:30px}
.nav-links a{
  position:relative;font-size:14.5px;color:var(--muted);
  transition:color .18s ease;padding-block:4px;
}
.nav-links a::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;
  background:var(--blue);transform:scaleX(0);transform-origin:left;
  transition:transform .22s ease;
}
.nav-links a:hover{color:var(--text)}
.nav-links a.active{color:var(--text)}
.nav-links a.active::after{transform:scaleX(1)}
.burger{
  display:none;width:42px;height:42px;border:1px solid var(--line);
  background:transparent;border-radius:8px;cursor:pointer;
  align-items:center;justify-content:center;transition:border-color .2s ease;
}
.burger:hover{border-color:var(--line-2)}
.burger i{display:block;width:16px;height:1.5px;background:var(--text);position:relative;transition:background .2s ease}
.burger i::before,.burger i::after{
  content:"";position:absolute;left:0;width:16px;height:1.5px;background:var(--text);
  transition:transform .25s ease,top .2s ease;
}
.burger i::before{top:-5px}
.burger i::after{top:5px}
.nav.open .burger i{background:transparent}
.nav.open .burger i::before{top:0;transform:rotate(45deg)}
.nav.open .burger i::after{top:0;transform:rotate(-45deg)}

.mobile-menu{display:none}