/* ===== CategoryImageItem — one 3:4 tile; the card itself is styled in components/Card ===== */

.cc_PGeYAvBrga_category_image_item .k2-cat-tile {
  position: relative;
  min-width: 0;
  height: 100%;
}

/* ===== Category tile card ===== */

.cc_PGeYAvBrga_category_image_item .k2-cat-tile__card {
  display: block;
  height: 100%;
  color: var(--k2-ink);
  text-decoration: none;
}

.cc_PGeYAvBrga_category_image_item .k2-cat-tile__card--desktop {
  display: none;
}

.cc_PGeYAvBrga_category_image_item .k2-cat-tile__frame {
  width: 100%;
  aspect-ratio: 3 / 4;
}

/* Soft bottom scrim under the serif title */
.cc_PGeYAvBrga_category_image_item .k2-cat-tile__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(20, 18, 15, 0.55) 0%,
    rgba(20, 18, 15, 0.15) 45%,
    transparent 70%
  );
  pointer-events: none;
}

.cc_PGeYAvBrga_category_image_item .k2-cat-tile__title {
  display: block;
  margin: 0;
  text-wrap: balance;
}

.cc_PGeYAvBrga_category_image_item .k2-cat-tile__title--over {
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 1.25rem;
  color: var(--k2-bone-on-night);
}

.cc_PGeYAvBrga_category_image_item .k2-cat-tile__title--below {
  margin-top: 0.875rem;
  color: var(--k2-ink);
  transition: color var(--k2-base) var(--k2-ease);
}

.cc_PGeYAvBrga_category_image_item .k2-cat-tile__card:hover .k2-cat-tile__title--below {
  color: var(--k2-clay);
}

@media (min-width: 1024px) {
  .cc_PGeYAvBrga_category_image_item .k2-cat-tile__card--desktop {
    display: block;
  }

  .cc_PGeYAvBrga_category_image_item .k2-cat-tile__card--mobile {
    display: none;
  }

  .cc_PGeYAvBrga_category_image_item .k2-cat-tile__title--over {
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
  }
}