/* Case Studies Section Styles */

.case-studies-section {
  @apply relative;
}

/* Header Styles */
.case-studies-section h1 {
  letter-spacing: -0.02em;
}

/* Case Studies Grid */
.case-studies-grid {
  @apply w-full;
}

/* Case Study Card */
.case-study-card {
  @apply relative;
  padding-bottom: 3rem;
  border-bottom: 1px solid #e5e7eb;
}

.case-study-card:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* Case Study Content */
.case-study-content {
  @apply flex flex-col justify-center;
}

/* Case Study Image */
.case-study-image {
  @apply relative;
}

.case-study-image img {
  @apply transition-transform duration-500;
}

.case-study-card:hover .case-study-image img {
  @apply scale-105;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .case-studies-section h1 {
    @apply text-4xl;
  }

  .case-study-card h2 {
    @apply text-2xl;
  }

  .case-study-image img {
    @apply h-80;
  }
}

@media (max-width: 640px) {
  .case-studies-section h1 {
    @apply text-3xl;
  }

  .case-study-card {
    @apply gap-6;
  }

  .case-study-card h2 {
    @apply text-xl mb-4;
  }

  .case-study-content p {
    @apply text-base mb-6;
  }

  .case-study-image img {
    @apply h-64;
  }
}

/* Animation for case study cards */
.case-study-card {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.6s ease-out forwards;
}

.case-study-card:nth-child(1) {
  animation-delay: 0.1s;
}

.case-study-card:nth-child(2) {
  animation-delay: 0.2s;
}

.case-study-card:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Link hover effect */
.case-study-content a {
  @apply relative;
}

.case-study-content a span {
  @apply transition-all duration-200;
}