.nxb-card-grid { display: grid; gap: clamp(1rem,2vw,1.7rem); }
.nxb-card-grid--services { grid-template-columns: repeat(6,1fr); }
.nxb-card-grid--three { grid-template-columns: repeat(3,1fr); }
.nxb-card { position: relative; overflow: hidden; border: 1px solid var(--nxb-colour-line); border-radius: var(--nxb-radius); background: #fff; box-shadow: var(--nxb-shadow-card); }
.nxb-card img { width: 100%; aspect-ratio: 4/3; }
.nxb-card__body { padding: 1.35rem; }
.nxb-card__body h2, .nxb-card__body h3 { margin-bottom: .45rem; font-size: 1rem; text-transform: uppercase; }
.nxb-card__body h2 a, .nxb-card__body h3 a { text-decoration: none; }
.nxb-card__body h2 a::after, .nxb-card__body h3 a::after { content: ""; position: absolute; inset: 0; }
.nxb-card__body p { margin-bottom: .75rem; color: var(--nxb-colour-muted); font-size: .86rem; line-height: 1.45; }
.nxb-card__body time { display: block; margin-bottom: .65rem; color: var(--nxb-colour-brand-dark); font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.nxb-card__body .nxb-text-link { position: relative; z-index: 1; font-size: .8rem; }
.nxb-card--dark { border-color: rgba(27,186,116,.55); border-radius: var(--nxb-radius-small); background: #0c1516; box-shadow: none; }
.nxb-card--dark .nxb-card__body { text-align: center; }
.nxb-card--dark .nxb-card__body h3 { color: #fff; }
.nxb-card--dark .nxb-card__body p { color: rgba(255,255,255,.76); }
.nxb-card--dark .nxb-card__body > span { color: var(--nxb-colour-brand-bright); }
@media (max-width: 1250px) { .nxb-card-grid--services { grid-template-columns: repeat(3,1fr); } }
@media (max-width: 920px) { .nxb-card-grid--three { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 620px) { .nxb-card-grid--services, .nxb-card-grid--three { grid-template-columns: 1fr; } }