/* ---- Page hero ---- */
.page-hero {
  position: relative;
  background: var(--navy, #0d1b2a);
  overflow: hidden;
}
.page-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0.45), rgba(0,0,0,0.2));
}

/* ---- Gold rule: first section after a page-hero ---- */
.section-top-rule {
  position: relative;
}
.section-top-rule::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}