.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-pad);
}

.section-dark  { background: var(--bg-dark);  color: var(--text-on-dark); }
.section-light { background: var(--bg-light); color: var(--text-on-light); }

/* ─── INNER PAGE HERO ────────────────────────────────────────── */
.page-hero {
  position: relative; min-height: 360px;
  display: flex; align-items: flex-end;
  overflow: hidden; background: var(--bg-dark);
}
@media (min-width: 1024px) { .page-hero { min-height: 460px; } }
.page-hero__img {
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover; object-position: center;
  z-index: 0;
}
.page-hero::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(to right,
    rgba(10,10,12,0.80) 0%, rgba(10,10,12,0.68) 40%,
    rgba(10,10,12,0.42) 72%, rgba(10,10,12,0.18) 100%
  );
  z-index: 1;
}
.page-hero__content {
  position: relative; z-index: 2;
  padding-top: 72px; padding-bottom: 64px;
  text-align: left; width: 100%;
}
.page-hero h1 {
  font-size: clamp(36px, 6vw, 72px); font-weight: 600;
  letter-spacing: -0.02em; line-height: 1.07;
  color: var(--text-on-dark); max-width: 640px; margin: 16px 0 24px;
}
.page-hero__sub {
  font-size: clamp(15px, 2vw, 18px); font-weight: 300;
  line-height: 1.65; color: var(--text-muted-dark); max-width: 520px;
}