.np-main{display:block}

.np-hero-grid{display:grid;grid-template-columns:55% 45%;gap:var(--space-5);align-items:center}
.np-hero-text{max-width:65ch}
.np-hero-image img{width:100%;height:auto}

.np-narrow .np-text-block{max-width:720px;margin-inline:auto}

.np-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.np-card{min-width:0}

.np-panel{max-width:800px;margin-inline:auto}

.np-split{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.np-split-text{max-width:65ch}

.np-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.np-three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}

.np-col{min-width:0}

.np-center{text-align:center}
.np-center{max-width:700px;margin-inline:auto}

@media (max-width:900px){
.np-hero-grid{grid-template-columns:1fr}
.np-split{grid-template-columns:1fr}
}

@media (max-width:700px){
.np-card-grid{grid-template-columns:1fr}
.np-two-col{grid-template-columns:1fr}
.np-three-col{grid-template-columns:1fr}
}