.packages-page-hero {
  background: linear-gradient(155deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
  padding: 8rem var(--container-padding) 4rem;
}

.packages-page-hero .breadcrumbs-wrap { color: rgba(255,255,255,0.5); }
.packages-page-hero .breadcrumbs-wrap a { color: rgba(255,255,255,0.7); }

.packages-page-hero h1 {
  font-size: clamp(2.2rem, 4vw, 3rem);
  color: #FFFFFF;
  margin-bottom: 1rem;
}

.packages-page-intro {
  color: rgba(255,255,255,0.75);
  font-size: 1.05rem;
  max-width: 640px;
  line-height: 1.7;
}

@media (max-width: 768px) {
  .packages-page-hero { padding: 7rem 1.5rem 3rem; }
}