/* Hero Region and images */

.region-hero {
  container: c-hero / inline-size;

  display: grid;
  place-items: end center;
  background: var(--grey-xxlt);
}

.region-hero > * {
  grid-column: 1 / -1;
  grid-row: 1 / -1;
  padding: 0;
}

.region-hero img {
  display: block;
  max-width: 100cqi;
  height: auto;
}

.region-hero .block-page-title-block {
  z-index: 2;
  padding: 1rem 2rem 1rem 1rem;
  background: rgba(255, 255, 255, 0.7);
  margin-block-end: 2rem;
}