/* A paused agenda stays recognisable, but no longer looks selectable. */
.artist-availability {
  position: absolute;
  top: clamp(1.15rem, 1.8vw, 1.75rem);
  left: clamp(1.15rem, 1.8vw, 1.75rem);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  max-width: calc(100% - 6.5rem);
  padding: .5rem .75rem;
  border: 1px solid rgba(205, 184, 158, .35);
  background: rgba(23, 21, 19, .85);
  color: var(--sand);
  font: 600 .58rem/1.4 var(--sans);
  letter-spacing: .12em;
  text-align: left;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
}
.artist-availability[hidden] { display: none; }
.artist-card-shell.is-unavailable:hover { transform: none; z-index: auto; }
.artist-card.is-unavailable,
.artist-card.is-unavailable:hover {
  cursor: not-allowed;
  border-color: transparent;
  box-shadow: 0 22px 55px rgba(0, 0, 0, .18);
}
.artist-card.is-unavailable .artist-card-inner { transform: none; }
.artist-card.is-unavailable .artist-card-front::before {
  opacity: .42;
  filter: grayscale(1) contrast(1.02);
  transform: scale(1.001);
}
.artist-card.is-unavailable .artist-copy strong { opacity: .8; }
.artist-card.is-unavailable .artist-copy small { opacity: .65; }
.artist-card.is-unavailable .artist-copy > span { color: var(--sand); }
.artist-card.is-unavailable .artist-copy > span::after {
  content: "—";
  color: var(--sand);
  background: transparent;
  border-color: rgba(205, 184, 158, .25);
  transform: none;
}
.artist-card.is-unavailable .artist-choice-mark {
  border-color: rgba(205, 184, 158, .25);
  background: rgba(23, 21, 19, .45);
  transform: none;
}
.artist-card.is-unavailable .artist-choice-mark::before,
.artist-card.is-unavailable .artist-choice-mark::after {
  width: 2px;
  height: 10px;
  background: var(--sand);
  transform: translateX(-3px);
}
.artist-card.is-unavailable .artist-choice-mark::after { transform: translateX(3px); }
.artist-card-shell.is-unavailable:hover .artist-instagram {
  border-color: rgba(243, 238, 231, .4);
  background: rgba(23, 21, 19, .34);
  color: var(--ivory);
}
.artist-card-shell.is-unavailable .artist-instagram:hover {
  border-color: var(--sand);
  color: var(--sand);
}