.page-intro {
  padding-block: 2.75rem 2.5rem;
  background: var(--bg);
}

.page-intro__title {
  margin: 0;
  max-width: 12ch;
  font-family: var(--ff-display);
  font-size: clamp(2.4rem, 5.4vw, 4.25rem);
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -0.035em;
}

.page-intro__title em {
  font-style: normal;
  font-weight: 500;
  color: var(--muted);
}

.page-intro__lead {
  margin: 1.15rem 0 0;
  max-width: 42ch;
  color: var(--muted);
  font-size: 1.125rem;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .page-intro { padding-block: 3.25rem 2.75rem; }
}

@media (min-width: 1024px) {
  .page-intro__split {
    display: grid;
    grid-template-columns: minmax(16rem, 22rem) minmax(0, 1fr);
    gap: 3rem 5rem;
    align-items: end;
  }

  .page-intro__lead {
    margin: 0;
    max-width: 44ch;
  }
}

.page-intro--catalog,
.page-intro--service,
.page-intro--news,
.page-intro--article,
.page-intro--contacts {
  background: var(--wash);
  border-bottom: 1px solid rgb(20 24 36 / 0.08);
}

.page-intro--catalog .page-intro__title,
.page-intro--service .page-intro__title,
.page-intro--news .page-intro__title,
.page-intro--article .page-intro__title,
.page-intro--contacts .page-intro__title {
  max-width: none;
}

.page-intro--catalog .page-intro__title,
.page-intro--news .page-intro__title,
.page-intro--contacts .page-intro__title {
  white-space: nowrap;
}

.page-intro--catalog .page-intro__copy,
.page-intro--service .page-intro__copy,
.page-intro--news .page-intro__copy,
.page-intro--article .page-intro__copy,
.page-intro--contacts .page-intro__copy {
  max-width: none;
}

.page-intro--catalog .page-intro__lead,
.page-intro--service .page-intro__lead,
.page-intro--news .page-intro__lead,
.page-intro--article .page-intro__lead,
.page-intro--contacts .page-intro__lead {
  margin-top: 1rem;
  max-width: none;
}

@media (min-width: 1024px) {
  .page-intro--catalog .page-intro__lead,
  .page-intro--service .page-intro__lead,
  .page-intro--news .page-intro__lead,
  .page-intro--article .page-intro__lead,
  .page-intro--contacts .page-intro__lead {
    margin-top: 1.15rem;
    max-width: none;
  }
}