/* Onglet À PROPOS DE MOI — accent volontairement visible mais institutionnel */
.desktop-nav a.nav-about{
  height:auto;
  align-self:center;
  min-height:38px;
  padding:0 13px;
  border:1px solid var(--copper);
  background:var(--navy);
  color:#fff;
  letter-spacing:.045em;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.desktop-nav a.nav-about::after{display:none}
.desktop-nav a.nav-about:hover,
.desktop-nav a.nav-about:focus-visible,
.desktop-nav a.nav-about[aria-current="page"]{
  background:var(--copper);
  border-color:var(--copper);
  color:#fff;
  transform:translateY(-1px);
}
.mobile-nav a.nav-about{
  margin:8px 0 4px;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.35);
  background:var(--copper);
  color:#fff;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.045em;
}
@media (max-width:1220px) and (min-width:981px){
  .desktop-nav{gap:13px!important}
  .desktop-nav a{font-size:.64rem!important;letter-spacing:.025em!important}
  .desktop-nav a.nav-about{padding-inline:9px}
  .header-inner{gap:24px!important}
  .brand{font-size:1.62rem!important}
}