/* Navigazione coerente in ogni pagina, anche su schermi piccoli. */
.site-head .logo,.head .brand,.nav .brand{background-image:url('assets/mamera-logo.webp')!important}
/* Nel Percorso il menu ereditava il maiuscolo dal foglio di stile interno. */
.nav .navlinks{font-family:'DM Sans',sans-serif;text-transform:none;letter-spacing:.06em;font-size:12px}
.nav .navlinks > a[href*="contatti"]{border-bottom:1px solid #d5ad74;padding-bottom:6px}
@media(max-width:760px){
  .site-head,.head,.nav{flex-wrap:wrap;row-gap:8px}
  .site-head nav,.head nav,.nav .navlinks{display:flex;flex-wrap:wrap;width:100%;gap:9px 15px;justify-content:center;align-items:center;font-size:10px;letter-spacing:.04em}
  .site-head nav a,.head nav a,.nav .navlinks a{display:inline-flex!important;white-space:nowrap;align-items:center}
  .site-head .nav-contact,.head .contact-link,.nav .navlinks > a[href*="contatti"]{border:1px solid #c4a17a;padding:7px 9px}
  .nav .navlinks{margin-top:5px}
  .nav .navlinks > a[href*="contatti"]{border-bottom:1px solid #c4a17a}
}
@media(max-width:650px){
  .site-head .logo,.head .brand{margin-inline:auto}
  .nav>a:first-child{margin-inline:auto}
  .site-head nav,.head nav,.nav .navlinks{gap:8px 12px;font-size:10px}
  .site-head:has(+ main .hero) + main .hero .hero-copy{margin-top:165px}
  .nav{align-content:start}
  .nav+.hero .hero-inner{padding-top:245px}
  .nav+main .hero-inner{padding-top:245px}
}