/* --- Company logos (build-spec §7, §10) -------------------------------------------
   Each mark is an alpha-only PNG used as a CSS mask and painted with
   --ink-muted, so one asset works in any colour and follows the token. Alpha
   was derived from distance-from-white, not a silhouette, which keeps the
   knocked-out letterforms in Crunch and YB open instead of filling them in.

   Sizes are OPTICAL, not height-matched (build-spec §7: "normalized by optical
   weight, not pixel height"). Each height solves h² × aspect × ink = constant,
   so every mark carries the same amount of visible ink. That is why the
   heights differ — Wharton is a dense wide wordmark and sits at 20px, RWO is a
   sparse stacked mark and sits at 42px. Like the nav lockup's 22px in §6,
   these are optical values and are deliberately exempt from the 8px grid.
   Regenerate with scratchpad/logos.py if a source asset is replaced. */

.logo {
  display: block;
  --logo-scale: 1;
  width: calc(var(--logo-h) * var(--logo-scale) * var(--logo-ar));
  height: calc(var(--logo-h) * var(--logo-scale));
  background-color: var(--ink-muted);
  -webkit-mask: var(--logo-src) center / contain no-repeat;
  mask: var(--logo-src) center / contain no-repeat;
}

/* Without mask support each .logo would paint as a solid --ink-muted
   rectangle, which is worse than showing nothing. The visually-hidden company
   name still carries the meaning. */
@supports not ((-webkit-mask: url("#x")) or (mask: url("#x"))) {
  .logo { background-color: transparent; }
}

.logo-collegeeye { --logo-src: url("/assets/images/logos/collegeeye.png"); --logo-h: 32px; --logo-ar: 3.952; }
.logo-crunch-fitness { --logo-src: url("/assets/images/logos/crunch-fitness.png"); --logo-h: 46px; --logo-ar: 1.074; }
.logo-cte { --logo-src: url("/assets/images/logos/cte.png"); --logo-h: 48px; --logo-ar: 1.233; }
.logo-presidium-usa { --logo-src: url("/assets/images/logos/presidium-usa.png"); --logo-h: 36px; --logo-ar: 2.693; }
.logo-rwo-acquisitions { --logo-src: url("/assets/images/logos/rwo-acquisitions.png"); --logo-h: 48px; --logo-ar: 0.841; }
.logo-serial-marketers { --logo-src: url("/assets/images/logos/serial-marketers.png"); --logo-h: 32px; --logo-ar: 3.062; }
.logo-wellecta { --logo-src: url("/assets/images/logos/wellecta.png"); --logo-h: 26px; --logo-ar: 5.437; }
.logo-wharton-equity { --logo-src: url("/assets/images/logos/wharton-equity.png"); --logo-h: 24px; --logo-ar: 4.057; }
.logo-withers-preserve { --logo-src: url("/assets/images/logos/withers-preserve.png"); --logo-h: 44px; --logo-ar: 2.267; }
.logo-yb-fitness { --logo-src: url("/assets/images/logos/yb-fitness.png"); --logo-h: 48px; --logo-ar: 1.188; }