/* Client directory uses the shared Skin 2 inner-page shell. */
html.cameo-clients .cc-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; margin-bottom: 44px; }
html.cameo-clients .cc-intro h2 { margin-bottom: 0; }
html.cameo-clients .cc-intro p { margin-bottom: 0; }
html.cameo-clients .cc-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; list-style: none; margin: 0; padding: 0; }
html.cameo-clients .cc-logo { display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--ca-line); border-radius: 6px; overflow: hidden; aspect-ratio: 300 / 190; padding: 12px; transition: border-color .2s ease, box-shadow .2s ease; }
html.cameo-clients .cc-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
html.cameo-clients .cc-logo:hover { border-color: #ed1825; box-shadow: 0 8px 24px #0000000a; }
html.cameo-clients .cc-project-link { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--ca-line); padding-top: 32px; margin-top: 40px; }
html.cameo-clients .cc-project-link p { margin: 0; }
html.cameo-clients a:focus-visible { outline: 2px solid #ed1825; outline-offset: 4px; }
@media (max-width: 991px) {
  html.cameo-clients .cc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  html.cameo-clients .cc-intro { gap: 30px; }
}
@media (max-width: 767px) {
  html.cameo-clients .cc-intro { grid-template-columns: 1fr; gap: 24px; margin-bottom: 30px; }
  html.cameo-clients .cc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  html.cameo-clients .cc-logo { padding: 8px; }
  html.cameo-clients .cc-project-link { align-items: flex-start; flex-direction: column; }
  html.cameo-clients .ca-hero-note { font-size: 10px; letter-spacing: 1px; }
}
@media (prefers-reduced-motion: reduce) {
  html.cameo-clients .cc-logo { transition: none; }
}