.metronom-hero {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  margin: 0 0 40px;
  background: #081b36;
}
.site-header { flex-wrap: wrap; gap: 18px; }
.site-header nav { flex-wrap: wrap; }
.contact-email { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .metronom-hero { border-radius: 16px; margin-bottom: 24px; }
  .site-header nav { gap: 6px; }
}