/* Converted from src/components/site/sectors/SectorHero.module.css (CSS Module): local classes are prefixed "sectors-sector-hero__". */
/* Page headline of the sector pages: photo behind the theme title (Ohio "page-headline .bg-image",
   fixed attachment at every width as on the former site). */

.sectors-sector-hero__hero {
  position: relative;
  background-color: var(--color-surface-dark);
  background-image: var(--bg);
  background-position: var(--bg-pos, left top);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Theme title in Aeonik regular instead of the semi-bold heading face. */
.sectors-sector-hero__hero h1 {
  font-family: var(--font-display);
  font-weight: 400;
}

@media (max-width: 1180px) {
  /* Rounded "cap" of the content overlapping the bottom of the photo (theme: ≤1180px). */
  .sectors-sector-hero__hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 16px;
    background-color: var(--color-bg);
    border-radius: 16px 16px 0 0;
  }
}