/* Original client marks share one monochrome presentation. No source artwork is altered. */
.material-page .work-section .client-proof-heading {
  margin-bottom:32px;
}
.material-page .work-section .client-proof-heading h2 {
  font-size:clamp(30px,3.2vw,51px);
  line-height:1.08;
  word-spacing:.08em;
}
.material-page .client-list .client-row {
  position:relative;
  color:var(--ink);
  text-decoration:none;
  border-color:#5b5b5b;
  box-shadow:calc(6px * var(--design-scale,.85)) calc(6px * var(--design-scale,.85)) 0 #666;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.material-page .client-list .client-logo {
  flex-shrink:0;
  background:#191919;
  border:0;
}
.material-page .client-list .client-logo img {
  filter:brightness(0) invert(1);
}
.material-page .client-details {
  display:flex;
  flex:1;
  flex-direction:column;
  padding:calc(24px * var(--design-scale,.85));
  background:var(--paper);
  color:var(--ink);
  transition:background-color .2s ease;
}
.material-page .client-details h3 {
  padding:0;
  margin:0;
}
.material-page .client-details .client-type {
  margin:calc(10px * var(--design-scale,.85)) 0 0;
  font-size:max(14px,calc(17px * var(--design-scale,.85)));
  line-height:1.35;
  color:#4c4c4c;
}
.material-page .client-details .client-roles {
  flex:1;
  margin:calc(22px * var(--design-scale,.85)) 0 0;
  padding:0;
}
.material-page .client-list .client-row:focus-within {
  transform:translate(calc(-3px * var(--design-scale,.85)),calc(-3px * var(--design-scale,.85)));
  border-color:var(--coral);
  box-shadow:calc(9px * var(--design-scale,.85)) calc(9px * var(--design-scale,.85)) 0 var(--coral);
}
.material-page .client-row:focus-within .client-details { background:var(--coral); }
.material-page .client-row:focus-within .client-type { color:var(--ink); }
.material-page .client-list .client-row:focus-visible { outline:3px solid var(--coral); outline-offset:5px; }
@media (hover:hover) and (pointer:fine) {
  .material-page .client-list .client-row:hover {
    transform:translate(calc(-3px * var(--design-scale,.85)),calc(-3px * var(--design-scale,.85)));
    border-color:var(--coral);
    box-shadow:calc(9px * var(--design-scale,.85)) calc(9px * var(--design-scale,.85)) 0 var(--coral);
  }
  .material-page .client-row:hover .client-details { background:var(--coral); }
  .material-page .client-row:hover .client-type { color:var(--ink); }
}
@media (max-width:700px) {
  .material-page .client-details { padding:calc(18px * var(--design-scale,.85)); }
  .material-page .client-details .client-roles { margin-top:calc(18px * var(--design-scale,.85)); }
}
@media (prefers-reduced-motion:reduce) {
  .material-page .client-list .client-row,
  .material-page .client-details { transition:none; }
  .material-page .client-list .client-row:hover,
  .material-page .client-list .client-row:focus-within { transform:none; }
}