/* Converted from src/components/site/home/Sectors.module.css (CSS Module): local classes are prefixed "home-sectors__". */
/* Elementor sections 32c20de … 424c879 (Client Sectors) and c30cf8d + e2e552d (Client Profiles). */

/* Section heading in the first column, vertically centred with the 12vh spacer below it. */
.home-sectors__intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 0 16px;
}

.home-sectors__intro::after {
  content: "";
  flex: none;
  height: calc(12vh + 20px);
}

.home-sectors__intro .home-sectors__title,
.home-sectors__profilesIntro .home-sectors__title {
  font-size: var(--h2-size);
  line-height: var(--h2-leading);
}

/* 20px widget spacing + the paragraph's own 1em margins */
.home-sectors__text {
  margin: calc(20px + 1em) 0 1em;
}

.home-sectors__profiles {
  position: relative; /* paints over the last row of sector cards */
  background-color: var(--color-surface-dark);
}

/* Theme "clb__dark_mode_light": in dark mode the sector rows and the profiles band become an 8%
   light fill over the page (full-bleed, translucent like the original). */
html[data-theme="dark"] .home-sectors__sectors,
html[data-theme="dark"] .home-sectors__profiles {
  background-color: var(--color-fill);
}

html[data-theme="dark"] .home-sectors__sectorRow {
  background-color: transparent;
}

.home-sectors__profilesHeader {
  max-width: var(--container-boxed);
  margin-inline: auto;
}

.home-sectors__profilesIntro {
  width: 50%;
  padding: calc(8vh + 20px) 0 0 20px;
}

/* Tablets: 40px above the heading, no spacer below (the column stays vertically centred). */
@media (max-width: 1024px) {
  .home-sectors__intro {
    padding-top: 40px;
  }

  .home-sectors__intro::after {
    height: 20px;
  }
}

@media (max-width: 767px) {
  .home-sectors__intro {
    padding: 40px 16px 0;
  }

  .home-sectors__profilesIntro {
    width: 100%;
    padding: calc(6vh + 40px) 20px calc(6vh + 20px);
  }
}