/* KN Single Course - Introduction Section */

/* Introduction Section */
.kn-sc-introduction {
  padding: var(--spacing-2xl) 0;
}

.kn-sc-introduction-content {
  text-align: center;
  margin: 0 auto;
}

.kn-sc-introduction-title {
  color: var(--primary-light);
  font-size: var(--font-size-3xl);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-xl);
  font-family: var(--font-primary);
}

.kn-sc-introduction-description {
  color: var(--text-color);
  font-size: var(--font-size-lg);
  font-weight: 400;
  line-height: var(--line-height-relaxed);
  opacity: 0.9;
  font-family: var(--font-primary);
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.kn-sc-introduction-content {
  animation: fadeInUp 0.8s ease-out;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .kn-sc-introduction {
    padding: var(--spacing-xl) 0;
  }

  .kn-sc-introduction-title {
    font-size: 2rem;
  }
}

@media (max-width: 768px) {
  .kn-sc-introduction {
    padding: var(--spacing-xl) 0;
  }

  .kn-sc-introduction-title {
    font-size: 1.75rem;
    margin-bottom: var(--spacing-lg);
  }

  .kn-sc-introduction-description {
    font-size: var(--font-size-base);
  }
}

@media (max-width: 480px) {
  .kn-sc-introduction {
    padding: var(--spacing-lg) 0;
  }

  .kn-sc-introduction-title {
    font-size: 1.5rem;
  }

  .kn-sc-introduction-description {
    font-size: var(--font-size-sm);
  }
}