.client-gallery { margin-top: 48px; scroll-margin-top: 30px; }
.client-gallery > p { color: #e6eeff; max-width: 65ch; margin: 12px 0 24px; line-height: 1.6; }
.client-gallery h3 { font-size: 28px; }
.client-screenshots { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.client-shot { margin: 0; background: #ffffff; color: #111111; border: 2px inset #c8c8c8; min-width: 0; }
.client-shot:first-child { grid-row: span 2; }
.client-shot > a { display: flex; justify-content: center; align-items: center; padding: 12px; background: #efedde; }
.client-shot img { display: block; max-width: 100%; height: auto; }
.client-shot figcaption { padding: 16px; border-top: 4px solid #0042de; }
.client-shot figcaption strong { display: block; color: #0042de; margin-bottom: 6px; }
.client-shot figcaption p { color: #44516b; margin: 0; font-size: 14px; line-height: 1.5; }
.client-gallery .gallery-note { font-size: 13px; margin-top: 16px; }
@media (max-width: 700px) { .client-screenshots { grid-template-columns: minmax(0, 1fr); } .client-shot:first-child { grid-row: auto; } }