/* The uncensored captions (see js/captions.js). Remove this file and its <link> to undo. */
.card.has-alt .card__cap { display: grid; }
.card.has-alt .cap-a, .card.has-alt .cap-b { grid-area: 1 / 1; transition: opacity .35s ease, transform .35s ease; }
.card.has-alt .cap-b { opacity: 0; transform: translateY(8px); color: var(--gold-hi); }
.card.has-alt .cap-hint {
  grid-area: 2 / 1; margin-top: 6px; font: 600 .66rem/1 var(--cond); letter-spacing: .22em; text-transform: uppercase;
  color: rgba(233, 184, 67, .8); opacity: .85; transition: opacity .3s ease;
}
.card.has-alt { cursor: default; }

@media (hover: hover) and (pointer: fine) {
  .card.has-alt:hover .cap-a { opacity: 0; transform: translateY(-8px); }
  .card.has-alt:hover .cap-b { opacity: 1; transform: none; }
  .card.has-alt:hover .cap-hint { opacity: 0; }
}
.card.has-alt.is-flipped .cap-a { opacity: 0; transform: translateY(-8px); }
.card.has-alt.is-flipped .cap-b { opacity: 1; transform: none; }
.card.has-alt.is-flipped .cap-hint { opacity: 0; }

@media (prefers-reduced-motion: reduce) {
  .card.has-alt .cap-a, .card.has-alt .cap-b { transition: none; transform: none; }
}