.comedy-page {
  position: relative;
}
.comedy-hero {
  padding-top: calc(var(--header-height) + 2.5rem);
}
.comedy-hero__grid {
  align-items: center;
}
.comedy-hero__content {
  min-width: 0;
}
.comedy-hero__visual {
  min-width: 0;
}
.comedy-hero__media {
  max-width: 26rem;
  margin-left: auto;
}
.comedy-hero__image {
  object-position: center;
}
.comedy-hero__floating-card {
  right: 4%;
  bottom: 6%;
}
.comedy-hero__ticker {
  margin-bottom: var(--space-3);
}
.comedy-hero__actions .btn {
  max-width: 100%;
}
.comedy-section-header__lead {
  max-width: 40rem;
  font-size: var(--font-size-md);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-soft);
}
.comedy-events {
  position: relative;
}
.comedy-events__layout {
  margin-top: var(--space-6);
}
.comedy-events__grid {
  align-items: stretch;
}
.comedy-events__media {
  max-width: 32rem;
  margin-left: auto;
}
.comedy-events__image {
  object-position: center;
}
.comedy-events__timeline-list {
  max-width: 32rem;
}
.comedy-events__view-toggle {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.4rem;
}
.comedy-events__filters {
  margin-top: var(--space-4);
}
.comedy-events__cards-grid {
  margin-top: var(--space-4);
}
.comedy-event-card {
  min-height: 100%;
}
.comedy-performers__grid {
  margin-top: var(--space-6);
}
.comedy-performer__media {
  margin-bottom: var(--space-4);
}
.comedy-venues__grid {
  align-items: center;
}
.comedy-venues__media {
  max-width: 28rem;
  margin-left: auto;
}
.comedy-gallery__grid {
  margin-top: var(--space-6);
}
.comedy-gallery__item {
  min-height: 14rem;
}
.comedy-gallery__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.comedy-gallery__cta .btn {
  max-width: 100%;
}
@media (max-width: 1023.98px) {
  .comedy-hero {
    padding-top: var(--space-6);
  }
  .comedy-hero__media,
  .comedy-venues__media,
  .comedy-events__media {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .comedy-hero {
    padding-top: var(--space-6);
  }
  .comedy-hero__media {
    max-width: 100%;
  }
  .comedy-hero__floating-card {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: var(--space-4);
  }
  .comedy-events__view-toggle {
    justify-content: flex-start;
  }
  .comedy-events__timeline-list,
  .comedy-events__media,
  .comedy-venues__media {
    max-width: 100%;
  }
  .comedy-gallery__cta {
    flex-direction: column;
    align-items: stretch;
  }
}