.showcase-page-hero,
.awards-hero.showcase-page-hero,
.events-hero.showcase-page-hero,
.movies-hero.showcase-page-hero,
.music-hero.showcase-page-hero,
.ptown-spotlight.showcase-page-hero,
.shows-hero.showcase-page-hero {
  padding: 0 !important;
  margin: 0 !important;
}

.showcase-page-hero .hero-image-link {
  display: block;
  width: 100%;
  line-height: 0;
}

.showcase-page-hero .hero-image-link[href="#"] {
  pointer-events: none;
  cursor: default;
}

.showcase-page-hero-fixed-frame {
  height: auto !important;
  min-height: 0 !important;
}

.showcase-page-hero-fixed-frame .hero-bg {
  position: relative !important;
  inset: auto !important;
  aspect-ratio: 1920 / 500;
  overflow: hidden;
}

.showcase-page-hero-fixed-frame .hero-image-link,
.showcase-page-hero-fixed-frame .hero-bg-image {
  display: block;
  width: 100%;
  height: 100% !important;
}

.showcase-page-hero-fixed-frame .hero-bg-image {
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center;
}

.showcase-page-hero .hero-arrow {
  display: grid !important;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.18);
  background: rgba(255, 255, 255, 0.96) !important;
  color: #111 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14);
  z-index: 8;
  opacity: 1;
}

.showcase-page-hero .hero-arrow:hover {
  background: #f0c528 !important;
  color: #111 !important;
}

.section-title {
  font-family: var(--f-display);
  font-weight: 800;
  letter-spacing: .10em;
  font-size: 32px;
  margin: 0;
  text-transform: uppercase;
  line-height: 1;
}

@media (max-width: 1100px) {
  .showcase-page-hero .hero-arrow {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .showcase-page-hero .hero-arrow {
    display: none !important;
  }

  .showcase-page-hero-fixed-frame .hero-bg {
    aspect-ratio: 1080 / 1540;
  }
}