/* Hero pattern aliases — unify gosr/crm/inv under roster-hero semantics.
   Dashboard uses dashboard-roster-hero__layout (block + grid), not this flex shell.
   Invoices uses a flat roster hero (no card chrome), matching Artists / Artworks. */
.gosr-hero,
.crm-hero,
.inv-hero,
.invoices-roster-hero,
.contacts-roster-hero,
.homepage-cms-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem 2rem;
  margin-bottom: 1.5rem;
}

.gosr-hero__title,
.crm-hero__title,
.inv-hero__title,
.homepage-cms-hero__title,
[class$="-roster-hero__title"]:not(.dashboard-roster-hero__title) {
  margin: 0;
  font-size: clamp(1.85rem, 4.5vw, 2.65rem);
  font-weight: 700;
  letter-spacing: -0.04em;
}

.gosr-hero__eyebrow,
.crm-hero__eyebrow,
.inv-hero__eyebrow,
[class$="-roster-hero__eyebrow"]:not(.dashboard-roster-hero__eyebrow) {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--gos-text-secondary);
  margin: 0 0 0.35rem;
}