/* v1.8.1 experiment: featured-image evidence inset. */
.home .os-generated-cover > a {
  isolation: isolate;
}

.home .os-cover-category {
  margin-bottom: clamp(2.4rem, 3.8vw, 3.15rem);
}

.home .os-cover-mark {
  top: calc(clamp(1.45rem, 2.4vw, 2rem) + 1.55rem);
  bottom: auto;
  left: clamp(1.45rem, 2.4vw, 2rem);
  width: 2rem;
  height: .25rem;
}

.home .os-cover-thumbnail {
  position: absolute;
  z-index: 2;
  left: clamp(1.45rem, 2.4vw, 2rem);
  right: auto;
  bottom: 0;
  display: block;
  width: clamp(5.75rem, 27%, 9rem);
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 0;
  border-radius: .75rem .75rem 0 0;
  background: #d8d4c9;
  box-shadow: none;
}

.home .os-cover-thumbnail-image {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: .75rem .75rem 0 0;
  object-fit: cover;
  filter: saturate(.85) contrast(1.04);
  transition: filter 180ms ease, transform 180ms ease;
}

.home .os-generated-cover > a:hover .os-cover-thumbnail-image,
.home .os-generated-cover > a:focus-visible .os-cover-thumbnail-image {
  filter: saturate(1) contrast(1.04);
  transform: scale(1.035);
}

@media (prefers-reduced-motion: reduce) {
  .home .os-cover-thumbnail-image {
    transition: none;
  }
}