[data-issue-card][hidden] {
  display: none !important;
}

[data-filter-empty][hidden] {
  display: none !important;
}

[data-filter-type][aria-current="true"] {
  border-color: var(--color-burgundy);
  background: var(--color-burgundy);
  color: var(--color-white);
}

[data-filter-clear][aria-current="true"] {
  color: var(--color-white);
}

.issue-card__cover {
  --tilt-x: 0deg;
  --tilt-y: 0deg;
  transform: perspective(70rem) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transform-style: preserve-3d;
  transition: transform 180ms ease-out, box-shadow 250ms ease;
  will-change: transform;
}

.issue-card__link:hover .issue-card__cover,
.issue-card__link:focus-visible .issue-card__cover {
  box-shadow: 0 2.25rem 5.5rem rgb(17 17 17 / 20%);
}

.reveal-enabled [data-chapter]:not(.is-visible),
.reveal-enabled [data-issue-card]:not(.is-visible) {
  opacity: 0;
  transform: translateY(2rem);
}

.reveal-enabled [data-chapter],
.reveal-enabled [data-issue-card] {
  transition: opacity 700ms ease, transform 850ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (max-width: 63.99rem) {
  .archive-grid {
    scroll-snap-type: inline mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .issue-card,
  .issue-card__cover {
    transform: none !important;
  }

  .issue-card__meta,
  .issue-card__action {
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 64rem) {
  .archive-grid.is-filtered {
    display: flex;
    justify-content: center;
  }

  .archive-grid.is-filtered .issue-card:not([hidden]) {
    width: min(31vw, 28rem);
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .issue-card__cover,
  .reveal-enabled [data-chapter],
  .reveal-enabled [data-issue-card] {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

@supports (view-transition-name: twbtw-cover) {
  ::view-transition-group(*) {
    animation-duration: 420ms;
    animation-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1);
  }
}