/* Homepage artwork and theme divider, confined to service-page heroes. */
.ksh-services {
  --ksh-background: url("/wp-content/uploads/2026/08/keystone-ai-workflow-background.webp");
  --ksh-dots: url("/wp-content/uploads/2026/02/raster-dots-white.svg");
  --ksh-divider: polygon(0px 0px, 100% 0px, calc(100% - 0.232px) calc(100% - 0.982px), 320.251px calc(100% - 0.982px), 320.251px calc(100% - 0.982px), 315.968473px calc(100% - 0.93751px), 311.670904px calc(100% - 0.86392px), 307.358311px calc(100% - 0.85105px), 303.030712px calc(100% - 0.98872px), 298.688125px calc(100% - 1.36675px), 294.330568px calc(100% - 2.07496px), 289.958059px calc(100% - 3.20317px), 285.570616px calc(100% - 4.8412px), 281.168257px calc(100% - 7.07887px), 276.751px calc(100% - 10.006px), 276.751px calc(100% - 10.006px), 271.947901px calc(100% - 14.211477px), 267.059368px calc(100% - 18.623936px), 262.223947px calc(100% - 23.091019px), 257.580184px calc(100% - 27.460368px), 253.266625px calc(100% - 31.579625px), 249.421816px calc(100% - 35.296432px), 246.184303px calc(100% - 38.458431px), 243.692632px calc(100% - 40.913264px), 242.085349px calc(100% - 42.508573px), 241.501px calc(100% - 43.092px), 241.501px calc(100% - 43.092px), 236.070222px calc(100% - 49.001426px), 230.274896px calc(100% - 53.733328px), 224.335534px calc(100% - 57.418542px), 218.472648px calc(100% - 60.187904px), 212.90675px calc(100% - 62.17225px), 207.858352px calc(100% - 63.502416px), 203.547966px calc(100% - 64.309238px), 200.196104px calc(100% - 64.723552px), 198.023278px calc(100% - 64.876194px), 197.25px calc(100% - 64.898px), 45.75px calc(100% - 64.898px), 45.75px calc(100% - 64.898px), 34.26303159px calc(100% - 65.993099px), 24.86404992px calc(100% - 68.964992px), 17.34605733px calc(100% - 73.344473px), 11.50205616px calc(100% - 78.662336px), 7.12504875px calc(100% - 84.449375px), 4.00803744px calc(100% - 90.236384px), 1.94402457px calc(100% - 95.554157px), 0.72601248px calc(100% - 99.933488px), 0.14700351px calc(100% - 102.905171px), 1.38671763E-31px calc(100% - 104px), 0px 0px, 0.132812px 0px);
}
.ksh-services :is(.ka-hero,.kws-service-hero) {
  position: relative;
  isolation: isolate;
  overflow: visible;
  background: transparent;
  padding-bottom: 150px;
}
/* Clip the artwork, rather than the interactive content or its shadows. */
.ksh-services :is(.ka-hero,.kws-service-hero)::before,
.ksh-services.ksh-legacy .vamtam-main::before {
  content: "";
  position: absolute;
  inset: -160px 0 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0;
  background-image: var(--ksh-dots), var(--ksh-background);
  background-position: center bottom, center center;
  background-repeat: repeat-x, no-repeat;
  background-size: auto, cover;
  clip-path: var(--ksh-divider);
  pointer-events: none;
  z-index: -1;
}
.ksh-services :is(.ka-hero,.kws-service-hero)::after {
  content: "";
  position: absolute;
  top: 44%;
  left: 47%;
  width: clamp(180px,18vw,260px);
  aspect-ratio: 1;
  transform: translate(-50%,-50%);
  background: url("/wp-content/uploads/2025/12/keystone-logo-icon-768x768.png") center/contain no-repeat;
  opacity: .08;
  pointer-events: none;
  z-index: -1;
}
/* Older service pages divide the intro between a template and page content. */
.ksh-services.ksh-legacy .vamtam-main { position: relative; isolation: isolate; }
.ksh-services.ksh-legacy .vamtam-main::before {
  bottom: auto;
  top: calc(-160px - var(--ksh-legacy-offset,130px));
  height: calc(var(--ksh-legacy-height,650px) + var(--ksh-legacy-offset,130px) + 160px);
}
.ksh-services.ksh-legacy :is(
  .elementor-element-4b99e27,
  .elementor-element-721bbb8f,
  .elementor-element-306157d6,
  .elementor-element-2813d6b1
) { margin-bottom: 30px !important; }
@media (max-width: 1024px) {
  .ksh-services { --ksh-divider: polygon(0px 0px, 100% 0px, calc(100% - -5.68434189E-14px) calc(100% - 0px), calc(100% - -5.68434189E-14px) calc(100% - 0px), calc(100% - 0.209015px) calc(100% - 5.312525px), calc(100% - 0.94228px) calc(100% - 10.64116px), calc(100% - 2.369925px) calc(100% - 15.850395px), calc(100% - 4.66208px) calc(100% - 20.80472px), calc(100% - 7.988875px) calc(100% - 25.368625px), calc(100% - 12.52044px) calc(100% - 29.4066px), calc(100% - 18.426905px) calc(100% - 32.783135px), calc(100% - 25.8784px) calc(100% - 35.36272px), calc(100% - 35.045055px) calc(100% - 37.009845px), calc(100% - 46.097px) calc(100% - 37.589px), 37.9028px calc(100% - 37.589px), 37.9028px calc(100% - 37.589px), 27.50379625px calc(100% - 38.68223px), 19.2049435px calc(100% - 41.65004px), 12.76941619px calc(100% - 46.02461px), 7.96038875px calc(100% - 51.33812px), 4.54103564px calc(100% - 57.12275px), 2.27453129px calc(100% - 62.91068px), 0.92405014px calc(100% - 68.23409px), 0.25276663px calc(100% - 72.62516px), 0.02385521px calc(100% - 75.61607px), 0.00049031px calc(100% - 76.739px), 0.00049031px 0px); }
  .ksh-services :is(.ka-hero,.kws-service-hero) { padding-bottom: 115px; }
  .ksh-services :is(.ka-hero,.kws-service-hero)::after { top: 36%; width: 190px; }
}
@media (max-width: 767px) {
  .ksh-services :is(.ka-hero,.kws-service-hero) { padding-bottom: 110px; }
  .ksh-services :is(.ka-hero,.kws-service-hero)::after { top: 28%; width: 130px; }
}

/* Agentic Websites: blend the gallery introduction into the hero's white cutout. */
.page-id-988304 .ka-section {
  background-color: #fff;
}

/* Alternate the remaining full-width sections, preserving the white cards. */
.page-id-988304 :is(
  [data-id="bb67d57"], /* Useful website tasks */
  [data-id="22a52cc"], /* Your business workspace */
  [data-id="3ba4cae"], /* Connected workflows */
  [data-id="7fa9f34"]  /* Closing invitation */
) .ka-section {
  background-color: #f3f6f8;
}

.page-id-988304 [data-id="7fa9f34"] .ka-cta {
  background-color: #fff;
}