/* Shared corners for editorial imagery; brand marks and technical glyphs keep their shape. */
:root {
  --media-radius: 6px;
}

main img:not(:where(
  .brand img,
  .home-slide-logo,
  .frog-logo,
  .home-slide-toolkits img,
  .toolkit img,
  .resource-toolkit img,
  .resource-download-icon img,
  .ecosystem-module img,
  .ecosystem-tool img,
  .ecosystem-environments img,
  .download-category-nav img,
  .download-catalog-heading > img,
  .download-card-icon,
  .download-inline-icon img,
  .article-body img[src*="assets/documentation/"]:is(
    [height="16"], [height="32"], [height="39"], [height="47"], [height="54"],
    [height="63"], [height="69"], [height="70"], [height="71"], [height="79"]
  )
)),
.article-cover-figure img,
.article-figure img,
.video-player__poster,
.article-video__poster,
.footer-social-preview img {
  border-radius: var(--media-radius);
}

/* Clip media-only frames so hover zooms and embedded players respect the corners. */
.article-card-visual,
.footer-social-preview,
.events-image,
.video-player__frame,
.video-player__trigger,
.article-video-play,
.split-media,
.hero-industrial-media,
.work-case__image,
.osirx-story-grid a,
.osirx-acquisition-grid a,
.frog-studio-image,
.frog-chart-row figure > a {
  border-radius: var(--media-radius);
  overflow: hidden;
}

/* Round figure backgrounds without clipping their captions or keyboard focus. */
main figure,
.video-player,
.resource-benchmark-visual,
.article-body .article-video,
.article-video.is-playing iframe,
.video-player__iframe {
  border-radius: var(--media-radius);
}