/* PRO IT Consulting — production offer asset. */

.preview-service-header .site-nav {
  gap: clamp(10px,1.25vw,22px);
}

.preview-service-header .site-nav > a:not(.button) {
  font-size: 12px;
}

.preview-service-header .button--small {
  padding-inline: 14px;
  font-size: 12px;
}

.preview-service-placeholder {
  position: relative;
  display: flex;
  min-height: 100vh;
  align-items: center;
  overflow: hidden;
  padding: calc(var(--header-height) + 60px) 0 90px;
  isolation: isolate;
}

.preview-service-placeholder::before {
  position: absolute;
  z-index: -2;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size: 64px 64px;
  content: "";
  opacity: .18;
  mask-image: linear-gradient(to bottom,#000,transparent 88%);
}

.preview-service-placeholder__glow {
  position: absolute;
  top: 8%;
  right: -10%;
  z-index: -1;
  width: 620px;
  height: 620px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(74,89,255,.22),transparent 68%);
}

.preview-service-placeholder .breadcrumbs {
  margin-bottom: 34px;
}

.preview-service-placeholder h1 {
  max-width: 880px;
  margin: 0;
  font-size: clamp(46px,5vw,76px);
  letter-spacing: -.055em;
  line-height: .96;
}

.preview-service-placeholder .shell > p:not(.kicker) {
  max-width: 660px;
  margin: 24px 0 0;
  color: var(--muted);
  font-size: 18px;
}

.preview-service-placeholder__actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 32px;
}

@media (max-width:920px) {
  .preview-service-placeholder__actions {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width:640px) {
  .preview-service-placeholder h1 {
    font-size: clamp(42px,13vw,58px);
  }

  .preview-service-placeholder__actions .button {
    width: 100%;
  }
}