.industries-main {
  background: var(--color-ivory);
}

.industries-hero {
  background: var(--color-ivory);
}

.industries-hero__image {
  top: 0.05%;
  left: 0;
  width: 100%;
  height: 133.95%;
  /* Preserve the source frame's fractional top-edge rasterization in Chromium. */
  -webkit-mask-image: linear-gradient(to bottom, rgb(0 0 0 / 20%) 0, #000 1px);
  mask-image: linear-gradient(to bottom, rgb(0 0 0 / 20%) 0, #000 1px);
}

.industries-hero__scrim {
  background: linear-gradient(180deg, rgb(0 0 0 / 9%) 0%, rgb(0 0 0 / 45%) 30.712%, rgb(0 0 0 / 54%) 45.878%, rgb(0 0 0 / 54%) 61.613%, rgb(0 0 0 / 63%) 80.76%, rgb(0 0 0 / 81%) 100%);
}

.industries-sectors {
  padding-block: 120px;
}

.industries-sectors__intro {
  display: flex;
  max-width: 666px;
  flex-direction: column;
  align-items: center;
  margin-inline: auto;
  text-align: center;
}

.industries-sectors__title {
  margin-block-start: 15px;
}

.industries-sectors__description {
  margin-block-start: 20px;
  color: var(--color-text-secondary);
  font-size: 18px;
  font-weight: 250;
  line-height: 1.4;
  letter-spacing: -0.01em;
}

.industries-sectors__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px;
  margin-block-start: 48px;
}

.industries-sectors .industry-card {
  height: 340px;
}

.industries-sectors .industry-card__scrim {
  background: linear-gradient(180deg, rgb(0 0 0 / 80%) 9.6%, rgb(0 0 0 / 40%) 39.464%, rgb(0 0 0 / 0%) 78.929%);
}

.industries-sectors .industry-card__title {
  padding: 20px;
  color: var(--color-ivory);
}

.industries-page .conversation-cta__cta {
  margin-block-start: 32px;
}

@media (max-width: 1200px) {
  .industries-sectors {
    padding-block: 96px;
  }

  .industries-sectors__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .industries-sectors .industry-card {
    height: auto;
    aspect-ratio: 287.5 / 340;
  }
}

@media (max-width: 768px) {
  .industries-hero__image {
    top: 0;
    left: 40%;
    width: auto;
    height: 100%;
    -webkit-mask-image: none;
    mask-image: none;
    transform: translateX(-40%);
  }

  .industries-sectors {
    padding-block: 64px;
  }

  .industries-sectors__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .industries-sectors .industry-card__title {
    font-size: 22px;
  }
}

@media (max-width: 520px) {
  .industries-sectors__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .industries-sectors .industry-card {
    width: min(100%, 360px);
    margin-inline: auto;
  }
}