.hero-art {
  background:
    linear-gradient(90deg, rgb(var(--ink-rgb) / 0.38), rgb(var(--ink-rgb) / 0.04)),
    url("../images/hero-meeting.webp") center/cover !important;
}
.hero-art p {
  max-width: 340px;
  text-shadow: 0 2px 24px rgb(var(--ink-rgb) / 0.42);
}
.art {
  background:
    linear-gradient(0deg, rgb(var(--ink-rgb) / 0.15), rgb(var(--ink-rgb) / 0.03)),
    url("../images/finance.webp") center/cover !important;
}
.art span {
  color: var(--white) !important;
  text-shadow: 0 2px 20px rgb(var(--ink-rgb) / 0.75);
}
.process {
  background:
    linear-gradient(90deg, rgb(var(--ink-rgb) / 0.96), rgb(var(--ink-rgb) / 0.76)),
    url("../images/transformation.webp") center/cover !important;
}

.expertises-hero {
  background: var(--ink) !important;
}

.about-hero {
  background: var(--ink) !important;
}

.insight-hero {
  background: var(--blue) !important;
}

.contact-hero {
  background: linear-gradient(135deg, var(--ink) 0%, var(--ink) 66%, var(--orange) 66%) !important;
}

.visual-break {
  min-height: 410px;
  background-position: center;
  background-size: cover;
}

.planning-detail {
  background-image:
    linear-gradient(90deg, rgb(var(--ink-rgb) / 0.12), rgb(var(--ink-rgb) / 0.02)),
    url("../images/planning-detail.webp");
}

.about-visual {
  min-height: 500px;
  background-image:
    linear-gradient(90deg, rgb(var(--ink-rgb) / 0.16), rgb(var(--ink-rgb) / 0.02)),
    url("../images/about-team.webp");
}

.final-cta {
  background: var(--ink);
}

@media (max-width: 760px) {
  .visual-break {
    min-height: 280px;
  }
  .about-visual {
    min-height: 340px;
  }
}