/* A concise client index, using the same typography and drawing-sheet frames. */
html.dd-static body[data-dd-route="/company/clients/"] #page-container .dd-clients-intro .dd-dictionary { margin: 26px auto 0; }
html.dd-static body[data-dd-route] #page-container .dd-clients-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px !important;
  padding: 0 !important;
  margin-block: 6px 0 !important;
}
.dd-client-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 32px 28px 26px;
  border: 1px solid #303030;
  background: #000;
  text-align: center;
  scroll-margin-top: 110px;
}
.dd-client-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 108px;
  margin: 0 0 28px;
}
.dd-client-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: min(100%, 260px);
  max-height: 80px;
  object-fit: contain;
}
html.dd-static body[data-dd-route] #page-container #et-main-area .dd-client-card :is(h2, h3) {
  color: #edede8 !important;
  font: 600 var(--dd-type-card)/1.15 var(--dd-font-text) !important;
  letter-spacing: -.022em !important;
  text-align: center !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}
html.dd-static body[data-dd-route] #page-container .dd-client-card > p {
  color: #b6b6b0;
  font: 400 var(--dd-type-body)/1.65 var(--dd-font-text);
  letter-spacing: -.01em;
  margin: 0 0 28px;
  padding: 0;
  text-wrap: pretty;
}
.dd-client-card .dd-editorial-link { align-self: center; margin-top: auto; padding-top: 8px; }
.dd-client-card .dd-registration { transition: color 400ms ease; }
.dd-client-card:is(:hover, :focus-within) { --dd-drafting-line: #707069; }
html.dd-static body[data-dd-route] #page-container .dd-clients-next {
  display: flex !important;
  justify-content: center;
  padding: 12px 0 0 !important;
  margin-block: 0 !important;
}
.dd-clients-next .dd-editorial-link { margin-top: 0; }
/* Keep incomplete directory rows balanced without changing the three-card home preview. */
@media (min-width: 981px) {
  html.dd-static body[data-dd-route="/company/clients/"] #page-container .dd-clients-grid > .dd-client-card:last-child:nth-child(3n + 1):not(:first-child) { grid-column: 2; }
}
@media (min-width: 768px) and (max-width: 980px) {
  html.dd-static body[data-dd-route="/company/clients/"] #page-container .dd-clients-grid > .dd-client-card:last-child:nth-child(2n + 1):not(:first-child) { grid-column: 1 / -1; justify-self: center; width: calc((100% - 24px) / 2); }
}
@media (max-width: 980px) {
  html.dd-static body[data-dd-route] #page-container .dd-clients-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  html.dd-static body[data-dd-route] #page-container .dd-clients-grid { grid-template-columns: minmax(0, 1fr); }
  .dd-client-card { padding: 28px 26px 24px; }
  .dd-client-logo { height: 96px; margin-bottom: 22px; }
  .dd-client-card .dd-editorial-link { min-height: 44px; padding-block: 10px; }
}
@media (prefers-reduced-motion: reduce) { .dd-client-card .dd-registration { transition: none; } }