/*
 * Ported from the static source's inline <style> block in index.html
 * (not applab.css — these rules never lived in the shared stylesheet on
 * the original site, only in a page-specific <style> tag), under its
 * "Company Profile 2026 sections" comment.
 */
/* Each logo is a core/image block (<figure class="wp-block-image client-logo-tile">)
 * inside a core/group with default (flow) layout — WordPress's global styles
 * inject margin-block-start between every .is-layout-flow child, which
 * misaligns the tiles within this grid. Reset it back to 0. */
.clients-logo-grid.is-layout-flow > figure {
	margin-block-start: 0;
	margin-block-end: 0;
}

.clients-logo-grid{ display:grid; grid-template-columns:repeat(7,1fr); gap:14px; }
@media(max-width:1100px){ .clients-logo-grid{ grid-template-columns:repeat(5,1fr); } }
@media(max-width:760px){ .clients-logo-grid{ grid-template-columns:repeat(2,1fr); } }
.client-logo-tile{ aspect-ratio:3/2; min-width:0; border:1px solid var(--line); border-radius:14px; background:#fff; display:grid; place-items:center; padding:16px; box-shadow:0 4px 14px rgba(2,6,31,.04); transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease); }
.client-logo-tile:hover{ transform:translateY(-4px); box-shadow:0 16px 34px rgba(2,6,31,.10); border-color:rgba(42,125,225,.28); }
.client-logo-tile img{ max-width:100%; max-height:60px; object-fit:contain; filter:grayscale(1); opacity:.72; transition:filter .35s var(--ease),opacity .35s var(--ease); }
.client-logo-tile:hover img{ filter:none; opacity:1; }