/* ==========================================================================
   Cards
   ========================================================================== */

.card {
  background-color: white;
  border-radius: 0.75rem;
  box-shadow: var(--shadow-adventure);
  overflow: hidden;
  transition: all var(--transition-normal);
}

.card:hover {
  box-shadow: var(--shadow-card-hover);
  transform: translateY(-4px);
}

.card-image {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}

.card-content {
  padding: 1.5rem;
}