.clients { padding-block:var(--clients-section-padding); }
#clients { scroll-margin-top:calc(var(--anchor-offset) - var(--clients-section-padding)); }
.clients-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:var(--space-lg); }
.clients-heading h2 { font-family:var(--font-display); font-weight:400; font-size:var(--text-clients-title); line-height:1.1; letter-spacing:-.035em; }
.clients-label { margin-top:12px; font-family:var(--font-label); font-size:var(--text-clients-subtitle); font-style:normal; font-weight:400; line-height:1.5; letter-spacing:.04em; color:var(--color-muted); }
.clients-aside { display:flex; align-items:flex-start; flex-direction:column; gap:var(--space-lg); padding-top:8px; }
.clients-note { font-size:var(--text-collection-meta); color:var(--color-muted); line-height:1.5; }
/* The complete list remains the no-JS / reduced-motion presentation. */
.clients-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; width:100%; max-width:1120px; margin:36px auto 0; padding:0; list-style:none; }
.client-item { min-width:0; height:100px; position:relative; }
.client-logo { display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:18px; overflow:hidden; background:#f5f5f5; border:1px solid #fff3; border-radius:18px; }
.client-logo img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; }
.client-logo.is-stacked { flex-direction:column; gap:6px; }
.client-logo.is-stacked .client-main-logo { height:70%; }
.client-logo.is-stacked .client-slogan { height:20%; }
.clients-grid[hidden],.client-folders[hidden] { display:none!important; }
.client-folders { margin-top:32px; }
.client-folders-meta { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:18px; color:var(--color-muted); font-size:11px; }
.client-folders-meta>span { letter-spacing:.12em; }
.client-folders-meta>p { font-size:11px; }
.client-folder-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.client-folder-slot { position:relative; min-width:0; height:400px; display:flex; align-items:flex-end; justify-content:center; padding-bottom:36px; }
@media(max-width:767px) {
  .clients-heading { gap:var(--space-md); }
  .clients-aside { padding-top:4px; gap:var(--space-sm); }
  .clients-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .client-item { height:90px; }
  .client-logo { padding:12px; }
  .client-folder-grid { grid-template-columns:1fr; gap:0; }
  .client-folder-slot { height:410px; padding-bottom:32px; }
  .client-folders-meta { align-items:flex-start; flex-direction:column; gap:8px; }
}
@media(max-width:479px) {
  .clients-heading { flex-direction:column; gap:var(--space-lg); }
  .clients-aside { width:100%; flex-direction:row; align-items:center; justify-content:space-between; }
}