/* Real logo work: preserve the complete mark and its original colors. */
.ngx-logo-work{background:#f6f7f3;border-bottom:1px solid #e1e6da}
.ngx .ngx-logo-work-intro{max-width:680px;margin-top:20px}
.ngx-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.ngx-logo-sample{border:1px solid #e0e4d9;border-radius:8px;background:#fff;overflow:hidden}
.ngx-logo-sample-art{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;padding:20px}
.ngx-logo-sample-art img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.ngx-logo-sample figcaption{padding:20px 24px;border-top:1px solid #edf0e8}
.ngx-logo-sample h3{font-size:21px;line-height:1.25}
.ngx-logo-sample figcaption>span{display:block;margin-top:6px;color:#333333;font-size:13px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.ngx-logo-sample-art:hover img{transform:scale(1.025)}}
@media(max-width:1000px){.ngx-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media(max-width:600px){.ngx-logo-grid{grid-template-columns:1fr;gap:22px}.ngx-logo-sample-art{padding:18px}.ngx-logo-sample figcaption{padding:18px 22px}}
@media(prefers-reduced-motion:reduce){.ngx-logo-sample-art img{transition:none}}