.case-credits { padding: 60px 0; margin: 30px 0; }
.case-credits > h2 { margin: 0 0 38px; color: #f6f6f6; font-size: clamp(28px, 3vw, 44px); line-height: 1.12; font-weight: 400; letter-spacing: -.045em; }
.credits-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 38px 30px; }
.credits-column { min-width: 0; }
.credits-column > h3, .credits-column > h5 { margin: 0 0 18px; font-size: 14px; line-height: 1.4; font-weight: 400; color: #999; }
.credits-names { display: grid; gap: 12px; padding: 0; margin: 0; list-style: none; }
.credits-extra { margin-top: 12px; }
.credits-extra[hidden] { display: none; }
.credits-names a { color: #eee; font-size: 21px; line-height: 1.35; letter-spacing: -.035em; text-decoration: none; overflow-wrap: anywhere; transition: color .2s; }
.credits-names a:hover { color: #bfbfbf; text-decoration: underline; text-underline-offset: 5px; }
.credits-names a:focus-visible, .credits-more:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.credits-more { margin-top: 18px; padding: 0 0 3px; border: 0; border-bottom: 1px solid #666; background: none; color: #aaa; font: inherit; font-size: 14px; cursor: pointer; }
.credits-more:hover { color: #fff; }
.credits-empty { color: #aaa; font-size: 14px; }
.credits-preview { padding: 20px 0; margin: 16px 0; }
.credits-preview > h4 { margin: 0 0 20px; font-size: 18px; font-weight: 500; }
.credits-preview .credits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.credits-preview .credits-names a { font-size: 16px; }
.team-card[href] { display: block; border-radius: 24px; }
.team-card[href]:hover .team-avatar img { transform: scale(1.035); }
.team-card[href] .team-avatar img { transition: transform .35s; }
.team-card[href]:focus-visible { outline: 2px solid #fff; outline-offset: 8px; }
@media (max-width: 1000px) { .credits-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) {
  .case-credits { padding: 32px 0; margin: 20px 0; }
  .case-credits > h2 { margin-bottom: 28px; }
  .credits-grid, .credits-preview .credits-grid { grid-template-columns: 1fr; gap: 28px; }
  .credits-column > h3 { margin-bottom: 12px; }
  .credits-names a { font-size: 22px; }
}