/* Square work / case-study cards: fill the 1:1 frame instead of leaving a black gap.
   Tailwind preflight sets img { max-width: 100%; height: auto }, which lets
   landscape photos sit at the top of the padding-top: 100% square. */

a.block.group .relative.overflow-hidden.w-full[style*="padding-top"],
[class*="scale-103"] > .relative.overflow-hidden.w-full[style*="padding-top"],
#selected-works .relative.overflow-hidden.w-full[style*="padding-top"] {
  aspect-ratio: 1 / 1;
  background: #0b0b0b;
}

a.block.group .relative.overflow-hidden.w-full[style*="padding-top"] > picture,
[class*="scale-103"] > .relative.overflow-hidden.w-full[style*="padding-top"] > picture,
#selected-works .relative.overflow-hidden.w-full[style*="padding-top"] > picture {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

a.block.group .relative.overflow-hidden.w-full[style*="padding-top"] > picture > img,
[class*="scale-103"] > .relative.overflow-hidden.w-full[style*="padding-top"] > picture > img,
#selected-works .relative.overflow-hidden.w-full[style*="padding-top"] > picture > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
}

a.block.group .pointer-fine\:group-hover\:blur-sm,
#selected-works .pointer-fine\:group-hover\:blur-sm {
  transform-origin: center;
}