.service-artwork {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: #111;
  contain: paint;
  margin-bottom: 2rem;
}

.service-artwork__image {
  position: absolute;
  top: -32px;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% + 64px);
  object-fit: cover;
  transform: translate3d(0, var(--service-artwork-offset, 0px), 0);
}
.service-directory .service-directory__image {
  aspect-ratio: 3 / 2;
  min-height: 0;
  align-self: start;
}
.service-directory .service-directory__image img {
  object-position: center;
}
body:has(.article-topbar) .page-cover__image:has(img[src*="-hero.jpg"]) img {
  object-position: center;
}
.page-cover__image picture {
  display: block;
  width: 100%;
  height: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .service-artwork__image {
    transform: none;
  }
}