/* FreeStyle+ case study */
.fsp-stats-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.fsp-note { margin: 24px 0 0; font-size: 13.5px; color: var(--ink-soft); }

/* Client logos */
.fsp-clients { padding: 56px 0 64px; border-bottom: 1px solid var(--line); }
.fsp-logos { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 28px 36px; align-items: center; margin: 8px 0 0; padding: 0; list-style: none; }
.fsp-logos li { display: flex; justify-content: center; }
.fsp-logos img { display: block; max-width: 100%; height: auto; max-height: 34px; width: auto; opacity: .85; }

/* What we did */
.fsp-scope { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.fsp-scope-card { padding: 28px 28px 24px; background: var(--paper); border: 1px solid var(--line); border-top: 3px solid var(--accent); border-radius: 14px; }
.fsp-scope-card h3 { font-size: 24px; margin-bottom: 14px; }
.fsp-scope-card ul { margin: 0; padding: 0; list-style: none; }
.fsp-scope-card li { padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 15.5px; color: var(--ink-soft); }
.fsp-scope-card li:last-child { border-bottom: 0; }

/* Games */
.fsp-game + .fsp-game { margin-top: 72px; }
.fsp-game-title { font-size: clamp(26px, 3vw, 34px); margin-bottom: 8px; }
.fsp-game-desc { max-width: 720px; margin: 0 0 32px; font-size: 17px; line-height: 1.65; color: var(--ink-soft); }

@media (max-width: 1100px) {
  .fsp-stats-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fsp-logos { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
  .fsp-scope { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .fsp-stats-4 { grid-template-columns: minmax(0, 1fr); }
  .fsp-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
  .fsp-logos img { max-height: 28px; }
  .fsp-game + .fsp-game { margin-top: 56px; }
}