/* LCDC image-loading placeholder (single source of truth).
 *
 * Loaded on every page, after Tailwind and each page's inline <style>, so
 * this one rule is authoritative without touching 44 duplicated stylesheets.
 *
 * Every photographic <img> on the site is wrapped in <picture> (the shared
 * AVIF/WebP responsive-image pattern); the two wordmark logo images are the
 * only <img> elements that are NOT — scoping to `picture img` targets every
 * real photo site-wide while leaving the transparent-background wordmark
 * untouched.
 *
 * Sand (not ivory) is used deliberately: ivory is close enough to most
 * pages' own background to read as "nothing happened" rather than an
 * intentional placeholder. This is invisible once a photo has loaded,
 * since every photo uses object-fit: cover and fully covers its box —
 * the background only shows during the decode gap.
 */
picture img {
  background-color: var(--sand, #E8DCC8);
}