/* Deliberately scoped to the two service-page wrappers that load this file. */
.studio-services #roky-clients {
  position: relative;
  background: #f7f7f7;
  color: #202522;
  font-family: InterVariable, 'PingFang HK', 'Microsoft JhengHei', sans-serif;
  padding: 64px 32px;
  isolation: isolate;
}
#roky-clients .roky-clients-inner { width: min(100%, 960px); margin-inline: auto; }
#roky-clients h2 {
  margin: 0;
  text-align: center;
  font-family: inherit;
  font-size: 30px;
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: -.025em;
}
#roky-clients .roky-clients-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 30px 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#roky-clients .roky-clients-divider { width: 144px; height: 1px; background: #dddeda; margin: 26px auto 34px; }
#roky-clients .roky-clients-item { display: flex; align-items: center; justify-content: center; min-width: 0; height: 62px; margin: 0; padding: 0; }
/* Preserve white counter-shapes; multiply prevents white image rectangles. */
#roky-clients .roky-clients-mark { display: block; width: var(--client-width); max-width: 100%; height: 56px; object-fit: contain; filter: grayscale(1) contrast(1.15); mix-blend-mode: multiply; }
html[lang^="zh"] #roky-clients h2 { letter-spacing: normal; }
@media (max-width: 800px) {
  .studio-services #roky-clients { padding: 48px 24px; }
  #roky-clients .roky-clients-grid { column-gap: 28px; }
}
@media (max-width: 600px) {
  .studio-services #roky-clients { padding: 40px 24px; }
  #roky-clients h2 { font-size: 26px; }
  #roky-clients .roky-clients-divider { width: 112px; margin: 22px auto 28px; }
  #roky-clients .roky-clients-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
  #roky-clients .roky-clients-item { height: 56px; }
  #roky-clients .roky-clients-mark { height: 48px; max-width: 140px; }
}
@media (forced-colors: active) {
  .studio-services #roky-clients { background: Canvas; color: CanvasText; }
  #roky-clients .roky-clients-mark { forced-color-adjust: none; }
}

/* Furniture banner temporarily hidden by owner request; remove this rule to restore it. */
.studio-services #roky-group { display: none !important; }