/* Image polish: consistent radius and glass-grade shadows */
:root {
  --abra-image-radius: 8px;
  --abra-image-shadow:
    0 34px 84px rgba(14, 14, 18, .18),
    0 18px 42px rgba(37, 99, 235, .13),
    0 10px 28px rgba(192, 38, 211, .08);
  --abra-image-shadow-hover:
    0 48px 120px rgba(14, 14, 18, .22),
    0 24px 64px rgba(37, 99, 235, .16),
    0 18px 52px rgba(192, 38, 211, .12);
}

.abra-page img,
.abra-visual,
.abra-media-tile,
.abra-recraft-shot,
.abra-inline-visual {
  border-radius: var(--abra-image-radius) !important;
}

.abra-visual,
.abra-media-tile,
.abra-recraft-shot,
.abra-inline-visual {
  overflow: hidden;
  box-shadow: var(--abra-image-shadow) !important;
}

.abra-visual img,
.abra-media-tile img,
.abra-recraft-shot img,
.abra-inline-visual img,
.abra-page figure img {
  display: block;
  border-radius: var(--abra-image-radius) !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, .76) !important;
  background: rgba(255, 255, 255, .66);
}

.abra-visual::after,
.abra-inline-visual::after {
  inset: auto 8% -22px 8%;
  height: 44px;
  border-radius: 999px;
  background: rgba(14, 14, 18, .18);
  filter: blur(24px);
}

.abra-visual:hover,
.abra-media-tile:hover,
.abra-recraft-shot:hover,
.abra-inline-visual:hover {
  box-shadow: var(--abra-image-shadow-hover) !important;
}

.abra-media-tile span,
.abra-recraft-shot span {
  border-radius: 999px !important;
  box-shadow: 0 14px 34px rgba(14, 14, 18, .16);
}

@media (max-width: 900px) {
  :root {
    --abra-image-shadow:
      0 22px 54px rgba(14, 14, 18, .16),
      0 12px 30px rgba(37, 99, 235, .1);
    --abra-image-shadow-hover: var(--abra-image-shadow);
  }
}