/* Menu principal : liens plus grands et plus lisibles sur toutes les pages. */
header .nav{gap:36px;padding-top:22px;padding-bottom:22px}
header .nav .links{gap:38px;font-size:16px;font-weight:600;letter-spacing:-.1px}
header .nav .links a{padding:6px 0;white-space:nowrap}
header .nav .links a[aria-current="page"]{color:var(--purple)}
header .nav .links a[aria-current="page"]:after{transform:scaleX(1)}
header .nav>.btn{font-size:15px;padding:18px 28px}
header .nav .menu{font-size:30px;line-height:1;padding:6px}

@media(max-width:1200px){
  header .nav{gap:24px}
  header .nav .links{gap:24px;font-size:15px}
  header .nav>.btn{font-size:14px;padding:15px 20px;gap:14px;white-space:nowrap}
}
@media(max-width:1100px){
  header .nav{gap:18px}
  header .nav .links{gap:18px}
}
@media(max-width:950px){
  header .nav .links{gap:22px;font-size:15px}
}
@media(max-width:760px){
  header .nav{padding-top:10px;padding-bottom:10px}
  header .nav .links{gap:16px;font-size:14px}
}
/* Menu mobile déroulant : grandes zones cliquables. */
@media(max-width:650px){
  header .nav .links{gap:4px;padding:14px 22px 22px;font-size:19px;box-shadow:0 18px 30px #02003414}
  header .nav .links a{padding:13px 0;border-bottom:1px solid var(--line)}
  header .nav .links a:last-child{border-bottom:0}
  header .nav .links a:after{display:none}
}