/* Finished tastings remain readable and use the existing event dialog. */
.event-archive {
  margin-top: clamp(48px, 7vw, 96px);
  padding-top: clamp(32px, 4vw, 56px);
  border-top: 1px solid var(--line);
  scroll-margin-top: 110px;
}
.event-archive > h2 {
  font: 400 clamp(34px, 4vw, 58px)/1.12 var(--display);
  margin: 0 0 clamp(28px, 4vw, 44px);
  overflow-wrap: anywhere;
}
.event--past .poster-button img,
.event-dialog-layout--past > img {
  filter: grayscale(1);
}
.event-archive-grid .event-copy {
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 700px) {
  .event-archive { scroll-margin-top: 80px; }
}