.services-page {
  --about-subhero-stacked-gap: var(--spacing-2xl);
}

.services-page .about-services {
  --about-services-left-gap: var(--spacing-sm);
  --about-services-heading-max-width: 334px;
  --about-services-item-padding-y: var(--spacing-md);
  --about-services-item-min-height: 90px;
  --about-services-item-gap: var(--spacing-lg);
  --about-services-name-family: var(--type-h6-family);
  --about-services-name-size: var(--type-h6-size);
  --about-services-name-weight: var(--type-h5g-weight);
  --about-services-name-letter-spacing: var(--type-h6-letter-spacing);
  --about-services-num-size: 28px;
}

.services-page .about-services__name {
  line-height: var(--type-h6-line-height);
}

.services-page .about-services--light .about-services__name {
  color: var(--color-black);
}

.services-page .about-lead__text-group {
  max-width: 545px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .services-page .subhero .subhero__subtitle,
  .subhero--services .subhero__subtitle {
    display: none;
  }

  .services-page .about-lead__formfast {
    display: block;
  }
}

@media (max-width: 767px) {
  .services-page .about-lead__formfast {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .services-page .subhero,
  .subhero--services {
    height: 500px;
  }

  .services-page .subhero__line-1,
  .subhero--services .subhero__line-1 {
    margin-top: 0;
    white-space: nowrap;
  }

  .services-page .subhero__arrow,
  .subhero--services .subhero__arrow {
    margin-left: 283px;
    margin-top: 40px;
  }

  .services-page .subhero__line-2,
  .subhero--services .subhero__line-2 {
    margin-left: 150px;
    margin-top: 80px;
    width: 373px;
    text-align: right;
  }
}

.svc-banner {
  background: linear-gradient(to bottom, var(--color-black) 50%, var(--color-white) 50%);
  padding-top: 0px;
  padding-bottom: 0;
  display: block;
}

.svc-banner .about-banner__media {
  width: 100%;
}

.svc-work-pair {
  padding: 0 var(--pad-section-x);

  background: linear-gradient(
    to bottom,
    var(--color-white) calc((100vw - 2 * var(--pad-section-x) - var(--layout-grid-gutter)) / 4),
    var(--color-black) calc((100vw - 2 * var(--pad-section-x) - var(--layout-grid-gutter)) / 4)
  );
}

@media (prefers-reduced-motion: no-preference) {
  html[data-ff-enhanced] .reveal {
    opacity: 0;
    transform: translateY(28px);
    transition:
      opacity   0.9s cubic-bezier(0.25, 0.1, 0.25, 1),
      transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
  }

  html[data-ff-enhanced] .reveal--scale {
    transform: translateY(16px) scale(0.97);
  }

  html[data-ff-enhanced] .reveal.is-visible {
    opacity: 1;
    transform: none;
  }

  .reveal--d1 { --reveal-delay:  90ms; }
  .reveal--d2 { --reveal-delay: 180ms; }
}

@media (max-width: 1199px) {
}

@media (max-width: 767px) {
  .svc-work-pair {
    padding: 0 var(--pad-section-x);
  }


}