/**
 * Shared hero H1 typography for marketing / app chrome headings.
 * Equivalent Tailwind bundle: text-4xl md:text-5xl font-black text-violet-950 tracking-tight mb-4 drop-shadow-sm
 * (violet-950 = rgb(46 16 101) / #2e1065 in the project’s built tailwind.css)
 *
 * Used by: browse_galers.html (“Browse Professionals”), app/hub.html (“Bellengale Members Hub”).
 * Update only this file to keep both in sync.
 */
.bellengale-hero-heading {
  margin: 0 0 1rem;
  text-align: center;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 900;
  letter-spacing: -0.025em;
  color: #2e1065;
  filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.05));
}

@media (min-width: 768px) {
  .bellengale-hero-heading {
    font-size: 3rem;
    line-height: 1;
  }
}

/* App pages (e.g. Manage Team) where the title is left-aligned in a dashboard shell */
.bellengale-hero-heading--left {
  text-align: left;
}