/* Match the live project overview and five navigation pages to /products. */
:root body.projects-page.projects-page main :is(#projects-live-heading-system, h1, h2),
:root body.project-case-page.project-case-page main .case-detail :is(#projects-live-heading-system, h1, h2),
:root body.projects-category-page.projects-category-page main .uk-layout-page :is(#projects-live-heading-system, h1, h2) {
  font-family: var(--font-text) !important;
  font-size: clamp(32px, 2.8vw, 43px) !important;
  font-weight: var(--weight-heading) !important;
  line-height: var(--leading-h1) !important;
  letter-spacing: 0 !important;
}

/* Make featured and project-index images behave like the linked category images above. */
.projects-page :is(.pj-featured-image-link, .pj-card-image-link) {
  display: block;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

.projects-page :is(.pj-featured-image-link, .pj-card-image-link) img {
  transition: transform .4s;
}

.projects-page :is(.pj-featured-image-link, .pj-card-image-link):hover img,
.projects-page :is(.pj-featured-image-link, .pj-card-image-link):focus-visible img {
  transform: scale(1.02);
}

.projects-page :is(.pj-featured-image-link, .pj-card-image-link):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}