/* Nav brand font — more readable, regular sans-serif */
.brand {
  font-family: 'Manrope', sans-serif !important;
  letter-spacing: 0.04em !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

/* ── Services mega menu: collapsed by default on mobile ────── */
@media (max-width: 900px) {
  /* Hide the mega when nav is open — only show when .svc-open */
  nav.site.open .mega {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  nav.site.open .nav-item.svc-open .mega {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  /* Prevent the open nav from causing horizontal scroll */
  nav.site.open .nav-links {
    overflow-x: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* Mobile rendering fixes */
@media (max-width: 768px) {
  /* The sweep gradient renders as a harsh visible line on mobile — hide it */
  .sweep { display: none !important; }

  /* Shrink orbs — they're 420–520px on a 375px screen */
  .orb { opacity: 0.22 !important; }
  .orb.g1 { width: 200px !important; height: 200px !important; left: -60px !important; }
  .orb.g2 { width: 150px !important; height: 150px !important; }
  .orb.g3 { width: 220px !important; height: 220px !important; right: -60px !important; }
  .orb.g4 { width: 130px !important; height: 130px !important; }

  /* Genre pills: wrap and stretch to fill each row */
  .genres { flex-wrap: wrap !important; }
  .genre-chip { flex: 1 1 auto !important; text-align: center !important; white-space: nowrap !important; }
}