.event-feature {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 380px);
  gap: clamp(24px, 5vw, 64px);
  align-items: start;
  padding-block: 0 64px;
}

.event-copy {
  padding: clamp(20px, 4vw, 44px);
  background: #fff;
  border: 1px solid var(--line);
}

.event-copy h2 {
  font-size: clamp(29px, 3.5vw, 48px);
  line-height: 1.12;
  margin-block: 12px 24px;
}

.event-copy p, .event-callout {
  margin-block: 0 16px;
}

.event-copy > :last-child, .event-details p:last-child {
  margin-bottom: 0;
}

.event-callout {
  list-style: none;
  padding: 0;
}

.event-details {
  padding: 12px 16px;
  margin-block: 20px;
  border-left: 3px solid var(--accent);
  background: #edf7fb;
}

.event-details p {
  margin-bottom: 6px;
}

.event-poster {
  margin: 0;
  width: min(100%, 380px);
}

.event-poster a, .event-poster img {
  display: block;
}

.event-poster img {
  width: 100%;
  height: auto;
}

@media (max-width: 850px) {
  .event-feature {
    grid-template-columns: minmax(0, 1fr);
    padding-bottom: 44px;
  }
}