/* Shared page banner for every inner page (index.html is intentionally excluded). */
.page-hero {
  position: relative;
  overflow: hidden;
  padding: 64px 0;
  color: #fff;
  background: linear-gradient(120deg, rgba(23, 57, 93, .98), rgba(36, 73, 111, .93));
}

.page-hero::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -130px;
  top: -190px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 152, 26, .2);
  pointer-events: none;
}

.page-hero .container {
  position: relative;
  z-index: 2;
}

.page-hero .breadcrumb-line {
  margin-bottom: 1rem;
  color: #dbe7f3;
  font-size: 15px;
}

.page-hero .breadcrumb-line a {
  color: #ffc16f;
  text-decoration: none;
}

.page-hero h1 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(38px, 5vw, 60px);
  font-weight: 800;
  line-height: 1.2;
}

.page-hero p,
.page-hero p.fs-5 {
  max-width: 820px;
  margin: 0 !important;
  color: #e8eef5;
  font-size: 19px !important;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .page-hero { padding: 42px 0; }
  .page-hero::after {
    width: 280px;
    height: 280px;
    right: -120px;
    top: -130px;
  }
}