/* Place the existing single native H1 over the illustration's empty left area. */
.page-content:has(.catalogue-category-intro):not(:has(> .page-heading > .page-introduction)) { position: relative; }
.page-content:has(.catalogue-category-intro):not(:has(> .page-heading > .page-introduction)) > .page-heading {
  position: absolute;
  z-index: 1;
  top: clamp(16px, 3vw, 44px);
  left: max(12px, calc((100% - 1100px) / 2 + 24px));
  width: min(40%, 440px);
  max-width: none;
  margin: 0;
  padding: 8px 12px;
  background: linear-gradient(90deg, rgba(255,255,255,.9), rgba(255,255,255,.55) 78%, rgba(255,255,255,0));
}
.page-content:has(.catalogue-category-intro):not(:has(> .page-heading > .page-introduction)) > .page-heading h1 {
  margin: 0;
  color: #173047;
  font-size: clamp(17px, 3.4vw, 44px);
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.page-content:has(.catalogue-category-intro):not(:has(> .page-heading > .page-introduction)) .catalogue-category-context { margin-top: 0; }
