/* Banner / Home Section */
#home-section.expertise {
  background: linear-gradient(135deg, var(--bg-nbw), var(--bg-dark));
  color: var(--text-light);
  padding: 40px 20px;        /* Reduced padding */
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh;          /* Reduced height */
  margin-top: 60px;          /* Space before the banner */
  border-radius: none;       /* Optional: soft rounded edges for elegance */
}

/* Inner container */
#home-section .intro {
  max-width: 800px;
}

/* Headline styling */
#home-section .intro h2 {
  font-size: 2rem;           /* Slightly smaller for balanced proportions */
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 1rem;
  color: var(--text-light);
}

#home-section .intro h2 span {
  color: var(--primary);
}

/* Paragraph styling */
#home-section .intro p {
  font-size: var(--font-large);
  color: var(--text-muted);
  margin-top: 1rem;
  line-height: 1.6;
}

/* Subtle fade-in animation */
#home-section .intro {
  opacity: 0;
  transform: translateY(15px);
  animation: fadeInUp 0.9s ease-out forwards;
}

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