/* Services — hairline grid of service cells (KEREM .svc). */
.cc_oe6aXTYiT2_zybJu8zDuM .services {
  width: 100%;
  padding-top: var(--sv-mt, clamp(48px, 6vw, 96px));
  padding-bottom: var(--sv-mb, clamp(48px, 6vw, 96px));
}

.cc_oe6aXTYiT2_zybJu8zDuM .services__wrap {
  max-width: var(--maxw);
  margin: 0 auto;
  padding-inline: var(--gutter);
}

.cc_oe6aXTYiT2_zybJu8zDuM .services__title {
  margin: 0 0 clamp(28px, 1vw, 52px);
  font-size: clamp(30px, 4vw, var(--ts-max, 60px));
  color: var(--ink);
  max-width: 20ch;
  display: block;
}

/* 1px gap + line bg → hairline dividers between cells; columns = item count. */
.cc_oe6aXTYiT2_zybJu8zDuM .services__grid {
  display: grid;
  grid-template-columns: repeat(var(--svc-count, 4), 1fr);
  gap: 1px;
  background: var(--svc-line, var(--line));
  border-block: 1px solid var(--svc-line, var(--line));
}
/* collapse renderer wrappers so each ServiceItem becomes a grid cell */
.cc_oe6aXTYiT2_zybJu8zDuM .services__grid > *, .cc_oe6aXTYiT2_zybJu8zDuM .services__grid > * > * {
  display: contents;
}

@media (max-width: 860px) {
  .cc_oe6aXTYiT2_zybJu8zDuM .services__grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 460px) {
  .cc_oe6aXTYiT2_zybJu8zDuM .services__grid {
    grid-template-columns: 1fr;
  }
}

/* Scroll reveal: service cells stagger using a CSS custom-property delay set
   on the renderer wrapper. Inherits through display:contents into .service-item. */
.cc_oe6aXTYiT2_zybJu8zDuM .services__grid > *:nth-child(1) .service-item { --si-delay: 0s; }
.cc_oe6aXTYiT2_zybJu8zDuM .services__grid > *:nth-child(2) .service-item { --si-delay: 0.1s; }
.cc_oe6aXTYiT2_zybJu8zDuM .services__grid > *:nth-child(3) .service-item { --si-delay: 0.2s; }
.cc_oe6aXTYiT2_zybJu8zDuM .services__grid > *:nth-child(4) .service-item { --si-delay: 0.3s; }
.cc_oe6aXTYiT2_zybJu8zDuM .services__grid > *:nth-child(5) .service-item { --si-delay: 0.1s; }
.cc_oe6aXTYiT2_zybJu8zDuM .services__grid > *:nth-child(6) .service-item { --si-delay: 0.2s; }
.cc_oe6aXTYiT2_zybJu8zDuM .services[data-revealed] .service-item {
  animation: cc_oe6aXTYiT2_reveal-up 0.65s var(--ease) var(--si-delay, 0s) both;
}