/* Force-hide case study cards until Load More is clicked. */
#hs-case-grid .hs-case-hidden,
#hs-case-grid .hs-case-card[hidden] {
  display: none !important;
}

/* Case Studies archive/detail */
.hs-case-archive,
.hs-case-detail {
  background: #090d1a;
}

.hs-case-card {
  text-decoration: none;
  color: inherit;
  box-shadow: 0 25px 50px -30px rgba(0,0,0,.55);
}

.hs-case-card:focus-visible {
  outline: 2px solid #22d3ee;
  outline-offset: 4px;
}

/* Hidden until the user clicks Load More. */
#hs-case-grid .hs-case-card[hidden] {
  display: none !important;
}

.hs-case-card-reveal {
  animation: hsCaseReveal 420ms cubic-bezier(.22,1,.36,1) both;
}

@keyframes hsCaseReveal {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#hs-load-more-cases[hidden] {
  display: none !important;
}

#hs-load-more-cases:disabled {
  cursor: wait;
  opacity: .65;
}

.hs-case-card img {
  display: block;
}

@media (max-width: 639px) {
  .hs-case-archive .hs-case-card h2 {
    font-size: 1.25rem;
    line-height: 1.45;
  }

  .hs-case-archive .hs-case-card > div:last-child {
    padding: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hs-case-card,
  .hs-case-card img,
  #hs-load-more-cases,
  .hs-case-card-reveal {
    animation: none !important;
    transition: none !important;
  }
}