/* Zoom into AI-generated images to hide bottom-right watermark */

/* Give .card-thumb its own clipping context so the scaled img
   is clipped at this level (not relying on the distant .card ancestor) */
.card-thumb {
  overflow: hidden;
  position: relative;
  border-radius: var(--radius) var(--radius) 0 0;
}

/* card__img is a direct child of .card which has overflow:hidden;
   add isolation so the border-radius clip applies to the transform */
.card,
.blog-card {
  isolation: isolate;
}

.card-thumb img,
.card__img,
.blog-card__img {
  transform: scale(1.12);
  transform-origin: center top;
  will-change: transform;
}

/* Split-layout images: clipping lives on the container */
.split-image {
  overflow: hidden;
  position: relative;
  border-radius: var(--radius);
  box-shadow: var(--shadow-md);
  isolation: isolate;
}
.split-image img {
  border-radius: 0;
  box-shadow: none;
  transform: scale(1.12);
  transform-origin: center top;
  will-change: transform;
}

/* Hero and page-banner CSS background images */
.hero,
.page-banner {
  background-position: center 20%;
}