/* Nikhil Batra Landing: blog index (blog.php). Builds on the shared tokens in nb-landing.css. */

.nb-bloghero{position:relative;isolation:isolate;padding:clamp(64px,8vw,104px) 0 clamp(56px,7vw,88px);background:radial-gradient(60% 90% at 85% 0%,rgba(26,109,255,.28),transparent 70%),var(--navy-950)}
.nb-bloghero__in{gap:18px}
.nb-bloghero__title{max-width:16em}
.nb-bloghero__lead{max-width:40em}

.nb-blogband{padding:clamp(56px,7vw,96px) 0 clamp(72px,9vw,120px)}
.nb-bloggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}

.nb-bcard{position:relative;display:flex;flex-direction:column;margin:0;overflow:hidden;border-radius:18px;background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:0 1px 2px rgba(11,20,38,.04),0 18px 40px -28px rgba(11,20,38,.35);transition:transform var(--dur-slow) var(--ease-x),box-shadow var(--dur-slow) var(--ease-x)}
.nb-bcard:hover,.nb-bcard:focus-within{transform:translateY(-4px);box-shadow:0 1px 2px rgba(11,20,38,.04),0 28px 56px -28px rgba(11,20,38,.45)}
.nb-bcard__media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--navy-900)}
.nb-bcard__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-x)}
.nb-bcard:hover .nb-bcard__img{transform:scale(1.03)}
.nb-bcard__ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--navy-800),var(--blue-600))}
.nb-bcard__body{display:flex;flex-direction:column;gap:14px;flex:1;padding:26px 26px 28px}
.nb-bcard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--text-muted)}
.nb-bcard__meta > * + *:not(.nb-bcard__cat)::before{content:"";display:inline-block;width:3px;height:3px;margin-right:14px;border-radius:50%;background:var(--slate-300);vertical-align:middle}
.nb-bcard__cat{padding:4px 10px;border-radius:var(--radius-pill);background:var(--blue-50);color:var(--blue-700);font-weight:600;font-size:12px;letter-spacing:.02em}
.nb-bcard__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(21px,1.7vw,24px);line-height:1.25;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.nb-bcard__title a{color:inherit;text-decoration:none}
.nb-bcard__title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.nb-bcard__title a:focus-visible{outline:none}
.nb-bcard:has(.nb-bcard__title a:focus-visible){outline:3px solid var(--focus-ring);outline-offset:3px}
.nb-bcard__excerpt{margin:0;font-size:16px;line-height:1.7;color:var(--slate-600)}
.nb-bcard__more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-weight:600;font-size:15px;color:var(--brand)}
.nb-bcard__more svg{transition:transform var(--dur-base) var(--ease-out)}
.nb-bcard:hover .nb-bcard__more svg{transform:translateX(4px)}

/* Newest article: full-width feature card, image beside the copy. */
.nb-bcard--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.nb-bcard--lead .nb-bcard__media{position:relative;aspect-ratio:16/9;height:100%}
.nb-bcard--lead .nb-bcard__img{position:absolute;inset:0}
.nb-bcard--lead .nb-bcard__body{justify-content:center;gap:18px;padding:clamp(28px,3.4vw,48px)}
.nb-bcard--lead .nb-bcard__title{font-size:clamp(26px,2.6vw,36px)}
.nb-bcard--lead .nb-bcard__more{margin-top:8px}

.nb-blogempty{margin:0;font-size:18px;color:var(--text-muted);text-align:center}

@media (max-width:999px){
	.nb-bloggrid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nb-bcard--lead{grid-template-columns:minmax(0,1fr)}
	.nb-bcard--lead .nb-bcard__media{aspect-ratio:16/9;min-height:0}
}
@media (max-width:640px){
	.nb-bloggrid{grid-template-columns:minmax(0,1fr);gap:20px}
	.nb-bcard__body{padding:22px 20px 24px}
}
@media (prefers-reduced-motion:reduce){
	.nb-bcard,.nb-bcard__img,.nb-bcard__more svg{transition:none}
	.nb-bcard:hover,.nb-bcard:focus-within{transform:none}
	.nb-bcard:hover .nb-bcard__img{transform:none}
}