/* Transparent avatar cutouts as real files: cacheable, fetched in parallel,
   and no longer inline in render-blocking CSS.
   One shared source keeps the visible cutout and circle-only shadow aligned. */
html[data-depth="soft"] {
  --avatar-image: image-set(
    url("/assets/img/avatar/avatar-1x.webp") 1x,
    url("/assets/img/avatar/avatar-2x.webp") 2x
  );
}