/* ============================================================
 * BIOTA · PRIMITIVE · Placeholder image
 * The branded fallback (assets/img/placeholder.jpg) is one fixed 3:2 photo
 * dropped into containers of many different shapes — 4:3 app shots, 2:1 step
 * cards, near-square media cards. It must always crop to fill rather than
 * letterbox inside them.
 *
 * Targeted by src rather than a class for two reasons: the patterns emit a bare
 * <img> with no hook, and img-fallback.js swaps the src at runtime, so a src
 * selector catches those too without the script having to add a class.
 *
 * !important is deliberate. It overrides sections that legitimately choose
 * `contain` for their real artwork — .biota-appshot (UI screenshots, which must
 * not be cropped) and .biota-mediacard--contain (packshots). Those rules are
 * correct for real photography and stay intact; this only overrides them while
 * the placeholder stands in. Scoping by src means the moment a real image
 * replaces it, each section goes back to its intended fit automatically.
 * ============================================================ */

img[src$="assets/img/placeholder.jpg"] {
	object-fit: cover !important;
	object-position: center !important;
}