.services-editorial.home-services-grid {
  gap: var(--cv-space-12);
  font-family: var(--font-body);
  color: var(--color--primary-font-color);
}
.services-editorial .home-services-item.height {
  height: auto;
  min-width: 0;
  z-index: 1;
  perspective: none;
  transition: z-index 0s 850ms;
}
.services-editorial .card-wrapper {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  overflow: visible;
  border-radius: var(--cv-radius);
  background: transparent;
  perspective: 1200px;
  color: inherit;
  text-decoration: none;
}
.services-editorial .card {
  transform-origin: center bottom;
  transition: transform 780ms cubic-bezier(.22, 1, .36, 1), background-color 400ms ease, border-color 400ms ease;
}
.services-editorial .card.is-first {
  position: relative;
  inset: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) 2.75rem;
  align-items: center;
  gap: var(--cv-gutter);
  width: 100%;
  min-height: 10rem;
  height: auto;
  padding: var(--cv-card-padding);
  border: 1px solid #10151416;
  border-radius: var(--cv-radius);
  background: #eaf0ef;
  text-align: left;
}
.services-editorial .service-index {
  position: absolute;
  z-index: 0;
  left: -.04em;
  bottom: -.24em;
  color: var(--color--primary-font-color);
  opacity: .06;
  font: 300 clamp(10rem, 15vw, 16rem)/1 var(--font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.08em;
  pointer-events: none;
  user-select: none;
}
.services-editorial .is-first > :not(.service-index) { position: relative; z-index: 1; }
.services-editorial h2 {
  margin: 0;
  font: 500 clamp(1.375rem, 2.25vw, 2.25rem)/1.2 var(--font-body);
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}
.services-editorial .text-wrapper { width: auto; min-width: 0; text-align: left; }
.services-editorial .text-size-regular {
  max-width: 46ch;
  color: #475754;
  font: 400 .9375rem/1.6 var(--font-body);
}
.services-editorial .service-arrow {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 1px solid #10151433;
  border-radius: var(--cv-radius);
  transition: background-color 400ms ease, border-color 400ms ease;
}
.services-editorial .service-arrow svg { width: 1.125rem; height: 1.125rem; transition: transform 600ms cubic-bezier(.22, 1, .36, 1); }
.services-editorial .card:is(.is-second, .is-third, .is-fourth) {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border-radius: var(--cv-radius);
  pointer-events: none;
  transform: translateY(0) rotateX(0deg) scaleX(.995);
}
.services-editorial .is-second { transition-delay: 30ms; }
.services-editorial .is-third { transition-delay: 60ms; }
.services-editorial .is-fourth { transition-delay: 90ms; }
.services-editorial .card-wrapper:focus-visible { outline: 2px solid #101514; outline-offset: 6px; }
.services-editorial .card-wrapper:focus-visible .is-first { background: #f4f7f6; border-color: #10151440; }
@media (hover: hover) and (pointer: fine) and (min-width: 992px) {
  .services-editorial .home-services-item:is(:hover, :focus-within) { z-index: 2; transition-delay: 0s; }
  .services-editorial .card-wrapper:is(:hover, :focus-visible) .is-first { transform: translateY(6px) rotateX(-12deg); background: #f4f7f6; border-color: #10151433; }
  .services-editorial .card-wrapper:is(:hover, :focus-visible) .is-second { transform: translateY(-12px) rotateX(-12deg) scaleX(.99); }
  .services-editorial .card-wrapper:is(:hover, :focus-visible) .is-third { transform: translateY(-30px) rotateX(-12deg) scaleX(.98); }
  .services-editorial .card-wrapper:is(:hover, :focus-visible) .is-fourth { transform: translateY(-48px) rotateX(-12deg) scaleX(.97); }
  .services-editorial .card-wrapper:is(:hover, :focus-visible) .service-arrow { background: #b8eab2; border-color: #10151400; }
  .services-editorial .card-wrapper:is(:hover, :focus-visible) .service-arrow svg { transform: translate(2px, -2px); }
}
@media (max-width: 991px), (hover: none), (pointer: coarse) {
  .services-editorial .card:is(.is-second, .is-third, .is-fourth) { display: none; }
}
@media (max-width: 700px) {
  .services-editorial .card.is-first { grid-template-columns: minmax(0, 1fr) 2.75rem; gap: var(--cv-space-16); }
  .services-editorial .service-index { font-size: 11rem; opacity: .045; }
  .services-editorial h2 { grid-column: 1; grid-row: 1; font-size: 1.5rem; }
  .services-editorial .text-wrapper { grid-column: 1 / -1; grid-row: 2; }
  .services-editorial .service-arrow { grid-column: 2; grid-row: 1; align-self: center; }
}
@media (prefers-reduced-motion: reduce) {
  .services-editorial *, .services-editorial .card { transition: none; }
  .services-editorial .card-wrapper:is(:hover, :focus-visible) .card,
  .services-editorial .card-wrapper:is(:hover, :focus-visible) .service-arrow svg { transform: none; }
}