.event-intro {
  margin: var(--space-30) auto var(--space-7) auto;
  width: 87.5vw;
  max-width: var(--block-text-wide-width);
}
@media (max-width: 500px) {
  .event-intro h1 {
    font-size: 1.8rem;
  }
}
.event-intro__meta {
  margin-bottom: var(--space-7);
  align-content: baseline;
}
@media (min-width: 600px) {
}

.event-intro__bottom {
  margin: var(--space-5) auto var(--space-10) auto;
  width: 87.5vw;
  max-width: var(--block-text-width);
}
.event-intro__bottom:last-child {
  margin-bottom: var(--space-20);
}

.event-intro__description {
  font-family: var(--headline);
  font-weight: var(--headline-extra-bold);
  color: var(--grey);
}

.event-intro__date,
.event-intro__from-to,
.event-intro__place {
  font-family: var(--text);
  font-weight: var(--text-bold);
}
.event-intro__date {
  display: block;
}

@media (min-width: 400px) {
  .event-intro__date {
    display: inline;
  }
  .event-intro__from-to::before {
    content: " | ";
  }
}

.event-intro__image {
  align-self: center;
}