/* BrandGradientSurface / BrandGradientVisualTokens, shared by Home and Catalog. */
.artist-hero { --field-first: 255 108 51; --field-second: 237 69 189; --field-third: 0 114 255; }
.performance-hero,
.event-hero { --field-first: 237 69 189; --field-second: 0 114 255; --field-third: 255 108 51; }
.venue-hero { --field-first: 0 114 255; --field-second: 237 69 189; --field-third: 255 108 51; }
.brand-master-hero,
.catalog-entity-hero,
.catalog-performance-surface {
  container-type: inline-size;
  background: #fff9ee;
  isolation: isolate;
}
.brand-master-hero::before,
.catalog-entity-hero::before,
.catalog-performance-surface::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(circle 76cqw at var(--field-third-center, 82% 98%), rgb(var(--field-third) / .10), rgb(var(--field-third) / 0)),
    radial-gradient(circle 82cqw at var(--field-second-center, 94% 8%), rgb(var(--field-second) / .13), rgb(var(--field-second) / 0)),
    radial-gradient(circle 90cqw at var(--field-first-center, 6% 4%), rgb(var(--field-first) / .16), rgb(var(--field-first) / 0)),
    linear-gradient(135deg, #fff9ee, rgb(var(--field-first) / .04), rgb(var(--field-second) / .03), rgb(var(--field-third) / .02), #fff9ee);
}
.brand-master-hero::after,
.catalog-entity-hero::after,
.catalog-performance-surface::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url('/assets/brand-grain.png');
  opacity: .016;
}

.catalog-performance-surface {
  --field-first: 237 69 189;
  --field-second: 0 114 255;
  --field-third: 255 108 51;
  --field-second-center: 96% 16%;
  --field-third-center: 90% 94%;
}

.catalog-performance-surface { position: relative; color: #1c1c1e; }

.brand-master-hero {
  position: relative;
  --field-first: 0 114 255;
  --field-second: 237 69 189;
  --field-third: 255 108 51;
  --field-first-center: 8% 12%;
}

/* Native Performance card typography, shared by Home and Catalog. */
:is(.public-home-route .public-home-upcoming, .catalog-main) .catalog-performance-card-copy { padding: 16px; }
:is(.public-home-route .public-home-upcoming, .catalog-main) .catalog-performance-card-copy small { font-size: 12px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
:is(.public-home-route .public-home-upcoming, .catalog-main) .catalog-performance-card-copy strong { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 4px; font-size: 18px; line-height: 1.5; }
:is(.public-home-route .public-home-upcoming, .catalog-main) .catalog-performance-card-copy > span { margin-top: 8px; font-size: 12px; line-height: 1.5; }
:is(.public-home-route .public-home-upcoming, .catalog-main) .catalog-performance-card-copy b { margin-top: 6px; }