header {
  background: var(--header-bg);
  color: var(--header-text);
  padding: 20px 30px;
  display: flex;
  flex-direction: column; /* Stack title and subtitle vertically */
  align-items: center;
  justify-content: center;
  gap: 8px; /* Reduced gap for stacked elements */
  box-shadow: 0 2px 8px var(--category-box-shadow);
}

header h1 {
  margin: 0;
  font-size: 32px; /* Slightly larger for prominence */
  text-transform: uppercase;
  letter-spacing: 2px; /* More prominent letter spacing */
  font-weight: 700;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Subtle text shadow */
}

header p {
  margin: 0;
  font-size: 18px; /* Styled subtitle */
  opacity: 0.8; /* Slightly faded */
  font-weight: 400;
}