.hero-photo img {
  filter: grayscale(1);
  opacity: .72;
}

.nav a,
.nav .menu {
  color: var(--copper);
}

.nav .mark,
.nav .pill {
  border-color: var(--copper);
}

.watch img {
  object-position: center 12%;
}

.watch {
  background: #343638;
  color: var(--paper);
}

.watch .outline {
  border-color: var(--paper);
}

.event time {
  display: grid;
  grid-template-columns: auto auto;
  width: max-content;
  column-gap: .6rem;
  line-height: 1;
}

.event time span,
.event time small {
  color: var(--copper);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .16em;
}

.event time strong {
  grid-row: 1 / 3;
  grid-column: 2;
  font-family: Georgia, serif;
  font-size: 3.8rem;
  font-weight: 400;
}

.event-details h3 {
  margin: 0;
  font-family: Georgia, serif;
  font-size: 2rem;
  font-weight: 400;
}

.event-details p {
  margin: .2rem 0 0;
  color: var(--muted);
}