/* logo-wall.css - Z.A.N.E. 2026-10-19 (for D.R.E.W., Tony 14:11 "make this look nicer").
 * GENERATED by /root/claude-code/checks/zane-ars-logos-1019/build.py from the same geometry the per-mark fit
 * numbers in inc/data/marks.php were computed with. Edit the generator, not this file.
 * Loaded once per page by ars_logo_wall(). Scoped to .c-logos.c-logos--pro so it outranks the site.css
 * .c-logos rules by specificity, never by !important. Equal tiles, one gap, one light surface so every mark
 * shows its own brand colors; each mark is sized by visual area (class lw-wNN = width NN% of the content box). */
.c-logos.c-logos--pro{--lw-gap:16px;--lw-tile:#F7F8FA;--lw-edge:#E3E7ED;--lw-edge-hi:#C9D0DA;
  display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--lw-gap);list-style:none;margin:0;padding:0;max-width:100%}
.c-logos.c-logos--pro.c-logos--partners{--lw-n:2}
@media (min-width:560px){.c-logos.c-logos--pro.c-logos--partners{--lw-n:3}}
@media (min-width:1024px){.c-logos.c-logos--pro.c-logos--partners{--lw-n:4}}
@media (min-width:1200px){.c-logos.c-logos--pro.c-logos--partners{--lw-n:6}}
.c-logos.c-logos--pro.c-logos--suppliers{--lw-n:2}
@media (min-width:560px){.c-logos.c-logos--pro.c-logos--suppliers{--lw-n:3}}
@media (min-width:768px){.c-logos.c-logos--pro.c-logos--suppliers{--lw-n:4}}
@media (min-width:1024px){.c-logos.c-logos--pro.c-logos--suppliers{--lw-n:6}}
@media (min-width:1200px){.c-logos.c-logos--pro.c-logos--suppliers{--lw-n:8}}
.c-logos.c-logos--pro .c-logos__i{box-sizing:border-box;flex:0 0 calc((100% - (var(--lw-n) - 1) * var(--lw-gap)) / var(--lw-n));
  max-width:calc((100% - (var(--lw-n) - 1) * var(--lw-gap)) / var(--lw-n));min-width:0;display:flex;align-items:stretch;justify-content:center;padding:0;
  margin:0;background:var(--lw-tile);border:1px solid var(--lw-edge);border-radius:15px;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 1px 2px rgba(0,0,0,.28);transition:transform var(--dur-1,160ms) var(--ease,ease),box-shadow var(--dur-1,160ms) var(--ease,ease),border-color var(--dur-1,160ms) var(--ease,ease)}
.c-logos.c-logos--pro.c-logos--partners .c-logos__i{aspect-ratio:3 / 2}.c-logos.c-logos--pro.c-logos--partners .c-logos__i picture{padding:8.5% 10%}
.c-logos.c-logos--pro.c-logos--suppliers .c-logos__i{aspect-ratio:16 / 10}.c-logos.c-logos--pro.c-logos--suppliers .c-logos__i picture{padding:9% 11%}
.c-logos.c-logos--pro .c-logos__i picture{box-sizing:border-box;flex:1 1 auto;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%}
.c-logos.c-logos--pro .c-logos__img{display:block;height:auto;max-width:100%;max-height:100%;object-fit:contain}
/* per-mark optical size: width as a percent of the tile content box (only the values in use) */
.c-logos--pro .lw-w44{width:44%}.c-logos--pro .lw-w49{width:49%}.c-logos--pro .lw-w53{width:53%}.c-logos--pro .lw-w54{width:54%}.c-logos--pro .lw-w56{width:56%}.c-logos--pro .lw-w58{width:58%}.c-logos--pro .lw-w62{width:62%}.c-logos--pro .lw-w64{width:64%}.c-logos--pro .lw-w65{width:65%}.c-logos--pro .lw-w69{width:69%}.c-logos--pro .lw-w70{width:70%}.c-logos--pro .lw-w71{width:71%}.c-logos--pro .lw-w72{width:72%}.c-logos--pro .lw-w76{width:76%}.c-logos--pro .lw-w77{width:77%}.c-logos--pro .lw-w78{width:78%}.c-logos--pro .lw-w80{width:80%}.c-logos--pro .lw-w81{width:81%}.c-logos--pro .lw-w82{width:82%}.c-logos--pro .lw-w84{width:84%}.c-logos--pro .lw-w89{width:89%}.c-logos--pro .lw-w91{width:91%}.c-logos--pro .lw-w92{width:92%}
.c-logos.c-logos--pro .c-logos__a{display:flex;flex:1 1 auto;align-self:stretch;min-width:0;min-height:44px;border-radius:inherit;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
@media (hover:hover){.c-logos.c-logos--pro .c-logos__i:has(> .c-logos__a):hover{transform:translateY(-2px);border-color:var(--lw-edge-hi);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 24px -10px rgba(0,0,0,.65)}}
.c-logos.c-logos--pro .c-logos__i:focus-within{transform:translateY(-2px);border-color:var(--lw-edge-hi);box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 24px -10px rgba(0,0,0,.65)}
@media (prefers-reduced-motion:reduce){.c-logos.c-logos--pro .c-logos__i{transition:none}.c-logos.c-logos--pro .c-logos__i:hover,.c-logos.c-logos--pro .c-logos__i:focus-within{transform:none}}