/* Ported from the reference build by tools/port/css.mjs. Do not edit; edit the generator or override in assets/css/theme/. */
.scards[data-c-a-page-service-cards] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 0.5rem + 1.5vw, 1.75rem);
  display: grid;
}
.scard[data-c-a-page-service-cards] {
  border-radius: var(--r-xl);
  background: var(--surface);
  height: 100%;
  box-shadow: 0 0 0 1px var(--line);
  transition:
    transform var(--dur-3) var(--ease-spring),
    box-shadow var(--dur-3) var(--ease-out);
  grid-template-rows: auto 1fr;
  text-decoration: none;
  display: grid;
  overflow: hidden;
}
.scard[data-c-a-page-service-cards]:hover {
  box-shadow:
    0 0 0 1px var(--line-strong),
    0 30px 50px -36px #11131a73;
  transform: translateY(-4px);
}
.scard__art[data-c-a-page-service-cards] {
  padding: var(--s-5) var(--s-5) 0;
  background:
    radial-gradient(60% 80% at 100% 0%, #d4f25a59, transparent 70%),
    radial-gradient(60% 80% at 0% 100%, #a796ff40, transparent 70%), var(--paper);
}
.scard__art[data-c-a-page-service-cards] .art {
  width: 100%;
  max-width: 320px;
  margin-inline: auto;
  translate: 0 6px;
}
.scard__body[data-c-a-page-service-cards] {
  align-content: start;
  gap: var(--s-2);
  padding: var(--s-5) var(--s-6) var(--s-6);
  display: grid;
}
.scard__name[data-c-a-page-service-cards] {
  font-size: var(--fs-lg);
  letter-spacing: -0.02em;
  text-transform: none;
}
.scard__name[data-c-a-page-service-cards]:first-letter {
  text-transform: uppercase;
}
.scard__text[data-c-a-page-service-cards] {
  color: var(--muted);
  font-size: var(--fs-sm);
}
.scard__more[data-c-a-page-service-cards] {
  margin-top: var(--s-2);
  font-size: var(--fs-sm);
  font-weight: var(--fw-medium);
  color: var(--cobalt);
  align-items: center;
  gap: 6px;
  display: inline-flex;
}
.scard[data-c-a-page-service-cards]:hover .scard__more[data-c-a-page-service-cards] svg {
  translate: 3px;
}
.scard__more[data-c-a-page-service-cards] svg {
  transition: translate var(--dur-3) var(--ease-spring);
}
@media (width<=1000px) {
  .scards[data-c-a-page-service-cards] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width<=620px) {
  .scards[data-c-a-page-service-cards] {
    grid-template-columns: minmax(0, 1fr);
  }
}