/* =====================================================================
   HOME · KLIJENTI v2 — a still wall of the thirty-one client marks on the
   light ground (2026-09-08). Eight to a row, grey at rest, ink on hover;
   each mark sized by its ink weight (home-clients.php). Scoped .pzcl.
   ===================================================================== */
.pzcl { padding: clamp(56px, 6vw, 96px) 0; background: var(--poz-page, #FFFFFF); }
.pzcl .poz-clients__rails { display: none; }
.pzcl-wall {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
	gap: clamp(18px, 2vw, 30px) 0;
	list-style: none; margin: clamp(32px, 3.4vw, 52px) 0 0; padding: clamp(10px, 1.2vw, 18px) 0 0;
	border-top: 1px solid var(--poz-line, #DFE3E7);
}
.pzcl-cell { flex: 0 0 12.5%; display: flex; align-items: center; justify-content: center; height: 88px; margin: 0; }
.pzcl-clip { position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.pzcl-clip img { display: block; max-width: none; opacity: .55; filter: grayscale(1); transition: opacity .35s ease, transform .6s cubic-bezier(.16, 1, .3, 1); }
.pzcl-cell:hover .pzcl-clip img { opacity: 1; transform: translateY(-2px); }
@media (max-width: 1100px) { .pzcl-cell { flex-basis: 20%; } }
@media (max-width: 760px)  { .pzcl-cell { flex-basis: 25%; height: 72px; } }
@media (max-width: 480px)  { .pzcl-cell { flex-basis: 33.333%; } }
@media (prefers-reduced-motion: reduce) { .pzcl-clip img { transition-duration: .01ms !important; transform: none !important; } }