/* V1.2: restrained, category-switching client directory. Never touches project/gallery markup. */
#aboutView.mn-about-has-clients .dossier-main { min-height:0; }
#aboutView.mn-about-has-clients .dossier-copy {
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(199,163,116,.28) transparent;
  justify-content:flex-start;
  padding-right:clamp(4px,1vw,16px);
}
#aboutView.mn-about-has-clients .mn-client-directory {
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  flex:0 0 auto;
  gap:clamp(12px,1.5vh,18px);
  padding:clamp(18px,2.6vh,28px) 0 4px;
  border-top:1px solid rgba(211,181,138,.27);
  color:#e4e0d9;
}
#aboutView .mn-client-directory__head {
  display:flex;align-items:center;justify-content:space-between;gap:15px;
}
#aboutView .mn-client-directory__head h3 {
  font:600 clamp(10px,.72vw,12px)/1.45 'Manrope','DM Sans',sans-serif;
  text-transform:uppercase;letter-spacing:.115em;
  color:#d7c0a0;margin:0;
}
#aboutView .mn-client-directory__head > span {
  font:500 10px/1.3 'Manrope',sans-serif;
  letter-spacing:.09em;color:rgba(218,215,211,.58);white-space:nowrap;
}
#aboutView .mn-client-directory__tabs {
  display:flex;
  align-items:stretch;
  flex-wrap:wrap;
  gap:8px 20px;
  border-bottom:1px solid rgba(213,209,198,.17);
}
#aboutView .mn-client-directory__tab {
  appearance:none;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0!important;
  background:transparent;
  color:#a9a8a6;
  padding:0 0 10px;
  margin:0;
  display:inline-flex;align-items:baseline;gap:6px;
  font:500 clamp(11px,.78vw,13px)/1.3 'Manrope','DM Sans',sans-serif;
  cursor:pointer;
  transition:color .16s ease,border-color .16s ease;
  white-space:nowrap;
}
#aboutView .mn-client-directory__tab small {
  font:500 10px/1 'Manrope',sans-serif;color:#8b8580;
}
#aboutView .mn-client-directory__tab:hover {color:#eee3d4}
#aboutView .mn-client-directory__tab.is-active,
#aboutView .mn-client-directory__tab[aria-pressed="true"] {
  border-bottom-color:#c8a772;color:#f1e9dc;
}
#aboutView .mn-client-directory__tab:focus-visible {
  outline:2px solid #c8a772;outline-offset:3px;
}
#aboutView .mn-client-directory__panel {
  min-height:95px;
  width:100%;
  padding:2px 0 0;
}
#aboutView .mn-client-directory__names {
  list-style:none!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(18px,2.2vw,34px);
  row-gap:clamp(7px,1.1vh,12px);
  margin:0!important;
  padding:0!important;
}
#aboutView .mn-client-directory__names li {
  display:block;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  min-width:0;
  color:#d7d6d3;
  font:400 clamp(12px,.85vw,14px)/1.5 'Manrope','DM Sans',sans-serif;
  overflow-wrap:anywhere;
}
#aboutView .mn-client-directory__names li:before,
#aboutView .mn-client-directory__names li::marker {display:none!important;content:none!important}
#aboutView .mn-client-directory__names a {
  color:inherit;text-decoration:none;
  text-underline-offset:3px;
}
#aboutView .mn-client-directory__names a:hover {
  color:#e4c795;text-decoration:underline;
}
@media (min-width:2100px) {
  #aboutView .mn-client-directory__names {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:900px) {
  #aboutView.mn-about-has-clients .dossier-copy {max-width:none}
  #aboutView .mn-client-directory__tabs {gap:9px 14px}
}
@media (max-width:650px) {
  #aboutView.mn-about-has-clients {overflow-y:auto;overscroll-behavior:contain}
  #aboutView.mn-about-has-clients .dossier-main {min-height:auto;overflow:visible}
  #aboutView.mn-about-has-clients .dossier-copy {overflow:visible;max-height:none;padding-right:0}
  #aboutView .mn-client-directory__tabs {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:7px;overflow:visible}
  #aboutView .mn-client-directory__tab {flex:0 0 auto;white-space:normal;align-items:center;padding-bottom:10px;justify-content:flex-start;font-size:11px}
  #aboutView .mn-client-directory__head h3 {font-size:10px}
  #aboutView .mn-client-directory__names {column-gap:14px;row-gap:10px}
  #aboutView .mn-client-directory__names li {font-size:12px}
  #aboutView .mn-client-directory__panel {min-height:142px}
}
