/* Shared Hero Section Styles */
.page-hero {
  background: linear-gradient(135deg, rgba(31, 96, 194, 0.15), rgba(76, 190, 190, 0.15));
  border-radius: 1rem;
}

.hero-image {
  max-height: 260px;
  width: auto;
  background: transparent;
  mix-blend-mode: multiply;
  filter: contrast(1.1) brightness(1.1) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

@media (min-width: 992px) {
  .hero-image {
    max-height: 320px;
  }
}