/* Canonical page hero — shared base across legacy class names (catch-up §4.2) */
.hero-section-new,
.info-page-header,
.games-hero,
.page-header.events-hero,
.restaurants-hero,
.walk-in-hero,
.page-header.walk-in-hero,
.pg-utility-hero {
  position: relative;
  overflow: hidden;
}

/* BEM aliases — use on new markup; legacy selectors keep working */
.pg-hero { position: relative; overflow: hidden; }
.pg-hero__media { position: absolute; inset: 0; z-index: 0; }
.pg-hero__media img,
.pg-hero__media picture,
.pg-hero__media .page-hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pg-hero__scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.pg-hero__content {
  position: relative;
  z-index: 2;
}