body.events-page {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.024) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.015) 1px, transparent 1px),
    radial-gradient(900px 340px at 100% 0%, rgba(227, 13, 13, 0.2), transparent 72%),
    linear-gradient(170deg, #040404, #0a0a0a 46%, #060606);
  background-size: 34px 34px, 34px 34px, auto, auto;
}

.hero-surface--events {
  border-left-color: color-mix(in srgb, var(--accent) 70%, #fff);
}

.hero-surface--events::after {
  content: "";
  position: absolute;
  left: -1px;
  top: 3.7rem;
  width: 2px;
  height: 2.2rem;
  background: rgba(227, 13, 13, 0.55);
}

.filter-stack {
  border-left: 1px solid rgba(255, 255, 255, 0.22);
  padding: 0.58rem 0 0.4rem 0.56rem;
}