/* Only the Biome camel badges: never avatars, QR codes or full-size hero art.
 * Keep each page's width. Height must beat the home's 40x26 inline rule and
 * existing HTML height hints so its 31px/22px phone widths remain circles.
 * The original square PNG already has a safe black inset. The wide homepage
 * mark needs 4px within its existing 22–40px box to keep every camel facet.
 * Pixel insets intentionally avoid percentage padding (relative to the
 * parent's width), which can enlarge a badge or make the artwork tiny. */
img[src="/brand/camel-mark.png"],
img[src="/brand/camel-cut.webp"],
img[src="/brand/hartiibiome-mark.webp"] {
  box-sizing: border-box;
  height: auto !important;
  aspect-ratio: 1 / 1;
  border-radius: 50% !important;
  background: #000;
  border-color: #000;
  object-fit: contain;
  overflow: hidden;
  flex-shrink: 0;
}
img[src="/brand/camel-cut.webp"] {
  padding: 4px;
}
/* Currently unused, original 100px-wide brand raster; no image bytes changed. */
img[src="/brand/hartiibiome-mark.webp"] {
  padding: 12px;
}